js事件冒泡

js事件传播有三个阶段:1  目标元素事件调用之前,称为"捕获"阶段.2  目标元素事件调用  3  事件冒泡阶段

 

捕获阶段:用addListener()方法绑定的事件,第三个参数设置为true 后 ,代表该方法将会在第一阶段调用. 事件传播的捕获阶段像反向的冒泡阶段,浏览器首先会用window对象的捕获处理程序,然后是document,然后是 boby .然后是目标元素的祖先元素.......直到目标元素的父类元素的捕获处理程序,但不会调用目标元素的捕获处理程序.

 

若想要防止事件冒泡,可以用事件对象的 event.stopPropagation();方法 .可以放在任何阶段.此方法可以停止事件的进一步传播.IE9以前的版本不支持此方法,IE事件对象有cancelBubble属性,将属性值设置为true可以阻止事件传播.