第6课 - JavaScript事件 - [精通JavaScript+jQuery]
事件可以说是JavaScript最最引人注目的特性,因为它提供了一个平台,让用户不仅浏览页面中的内容,而且能够跟页面进行交互。本章围绕JavaScript处理事件的特性进行讲解,主要包括事件流、事件的监听、事件的类型以及浏览器的兼容性问题等。
本节课时长11分37秒,下载文件18.8兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载。
1. 事件流
- 冒泡型事件
- 捕获型事件
2. 事件监听
- 简单的通用方法
- IE的方法
- 标准DOM的方法
3. 事件对象
- IE浏览器中事件对象是window对象的一个属性event
oP.onclick = function(){ var oEvent = window.event; }
-DOM中规定event对象必须作为唯一的参数传给事件处理函数
oP.onclick = function(oEvent){ //... }
- 因此为了兼容两种浏览器,通常采用下面的方法
oP.onclick = function(oEvent){ if(window.event) oEvent = window.event; }
- 一系列属性、方法
- 事件类型
44,347





我希望 再增加点 severl 的教程 和一些J2EE的东西 不如ssh框架之类的 谢谢
你的视频很棒 简单易懂 而且 都是精髓! 支持
点击下载。为什么下载的文件不是视频???请问正确的下载方法是什么
很好的视频
想问下,视频中的oEvent参数,在标准的DOM中就是默认有值是发生事件了么,因为看视频上,为IE的时候还通过oEvent=window.event来赋给它值,但如果是标准的DOM,就根本没有见到有赋给他的值的代码在里面呢~~~~~
小赖,
如果用JS的话书上给出的就是标准的写法,按照那个写即可。
不过JS在不同浏览器的差异很大,因此在实际做项目的时候,建议还是使用jQeury,他会把浏览器的差异屏蔽掉,写起来方便的多。工作效率提高10倍以上。
感觉jquery也不什么都行,在说一个简单的实例就调用框架好像有点多余
能否有个折中的办法
下来看看 先谢谢啦!
希望能有更多的前沿视频发布
salina ,
等我们忙完手头的项目,会专门拿出时间来做这件事的,我们也会把在项目中总结出来的经验和技术,分享给大家。
兼容浏览器通常采用以下两种方法
讲的非常不清楚
看完一点都不知道在说什么
谦,
这个视频的后面,给出了一个例子,就是鼠标移动和点击图像的那个例子,说明了“事件对象”的使用方法,那个例子说明了它的作用。通常做简单的网页开发用不到这个,如果您实在搞不清楚,就先不用管了,等到遇到的时候再看一看自然会明白了。
是我自己基础不好
我还需要看一些基础教程
谦,
是啊,一定要把基础掌握扎实,这是事半功倍的事情。
学习中。。
op.addEventListener(”click”,fnClick,false);
op.addEventListener(”click”,fnclick,false);
这段代码在IE中运行不了那
还有一个问题怎么判断IE或者Firefox
Miss ,
对事件的监听的绑定,IE和Firefox,也就是标准的DOM模型和 IE的DOM模型有明显的差别。必须要先判断浏览器,再分别用不同的函数进行绑定。
如果要方便一些,使用jQuery,就一切都不需要考虑了:
$(”p”).click( function () { $(this).hide(); });
或者
$(”p”).click( fn);
就可以了,jQuery 把所有的浏览器差异都屏蔽掉了。
最近刚接触JQuery真的很不错