事件冒泡：多个元素嵌套，有层次关系，这些元素都注册了相同的事件，如果里面的元素的事件触发了，外面的元素的该事件自动的触发

阻止事件冒泡： 

 

 

事件的三个阶段：

1，事件捕获阶段：从外向内

2，事件目标阶段

3，事件冒泡阶段：从里向外

 

为元素

绑定事件

addEventListener("没有on的事件类型"，事件处理函数，控制事件阶段)

事件触发的过程中，可能会出现事件冒泡的效果，为了阻止事件冒泡---》

window.event.cancelBubble=true;谷歌，IE8支持，火狐不支持、

window.event就是一个对象，IE的标准

e.stopPropagation()：阻止事件冒泡 window。event和e都是事件参数对象，一个是IE的标准，一个是火狐的标准 事件参数e在IE8的浏览器是不存在的，此时用window。event来代替 addEventListener中第三个参数是控制事件阶段的 事件的阶段有三个： 通过e.eventPhase这个属性可以知道当前的事件是什么阶段的 如果这个属性的值是： 1  捕获阶段 2  目标阶段 3  冒泡阶段 一般默认都是冒泡阶段，很少用捕获阶段 冒泡阶段：从里向外 捕获阶段：从外向内