冒泡事件&如何阻止冒泡

冒泡事件:事件触发时由里到外

比如:    IE678：div > body > html > document

             其他浏览器： div > body > html > document > window

事件发生时，浏览器默认执行三个阶段(U形状)：

1，捕获阶段

2、目标阶段

3、冒泡阶段

阻止冒泡:阻止传播：stopPropagation( )

阻止冒泡的兼容性写法

兼容性：IE678：event.cancelBubble = true;

               新版浏览器：event.stopPropagation( )

阻止冒泡的兼容性函数函数

if(event.stopPropagation){

event.stopPropagation()

}else{

event.cancelBubble()

}