这个事件对象中封装了当前事件的相关信息比如鼠标的坐标键盘的按键鼠标的按键滚轮的方向。

。

可以在响应函数中定义一个形参来使用事件对象但是在IE8以下浏览器中事件对象没有做完实参传递而是作为window对象的属性保存

元素.事件

但是这个两个属性在IE8中不支持所以如果需要兼容IE8则不要使用

事件的冒泡指的是事件向上传导当后代元素上的事件被触发时将会导致其祖先元素上的同类事件也会触发。

事件的冒泡大部分情况下都是有益的如果需要取消冒泡则需要使用事件对象来取消

可以将事件对象的cancelBubble设置为true即可取消冒泡

元素.事件

指将事件统一绑定给元素的共同的祖先元素这样当后代元素上的事件触发时会一直冒泡到祖先元素

事件委派是利用了冒泡通过委派可以减少事件绑定的次数提高程序的性能

对象.事件

使用addEventListener()可以同时为一个元素的相同事件同时绑定多个响应函数

-例子

元素对象.addEventListener(click,function(){

alert(3);

不同的是它是后绑定先执行执行顺序和addEventListener()相反

元素对象.attachEvent(onclick,function(){

alert(3);

addEventListener()中的this是绑定事件的对象

微软公司认为事件应该是由内向外传播也就是当事件触发时应该先触发当前元素上的事件

然后再向当前元素的祖先元素上传播也就说事件应该在冒泡阶段执行。

网景公司认为事件应该是由外向内传播的也就是当前事件触发时应该先触发当前元素的最外层的祖先元素的事件

然后在向内传播给后代元素

在捕获阶段时从最外层的祖先元素向目标元素进行事件的捕获但是默认此时不会触发事件

2.目标阶段

如果希望在捕获阶段就触发事件可以将addEventListener()的第三个参数设置为true

一般情况下我们不会希望在捕获阶段触发事件所以这个参数一般都是false