javascript事件流

转载自：https://blog.csdn.net/qq_20353887/article/details/53032361

js事件流的三个阶段分别为：捕获、目标、冒泡
 
1.捕获：事件由页面元素接收，逐级向下，到具体的元素
2.目标：具体的元素本身
3.冒泡：跟捕获相反，具体元素本身，逐级向上，到页面元素
 
IE5.5：div---body---document
 
IE6.0:   div---body---html---document
 
Mozilla:div---body---html---document---window
 
事件捕获：当使用事件捕获时，父级元素先触发，子元素后触发
事件冒泡：当使用事件冒泡时，子级元素先触发，父元素后触发
W3C ：   任何事件发生时，先从顶层开始进行事件捕获，直到事件触发到达事件源，再从事件源向上进行事件捕获
标准浏览器：addEventListener("click","doSomething","true")方法,若第三参数为true则采用事件捕获，若为false，则采用事件冒泡
IE浏览器只支持事件冒泡，不支持事件捕获，所以它不支持addEventListener("click","doSomething","true")方法,所以ie浏览器使用ele.attachEvent("onclick",doSomething)
 
事件传播的阻止方法：
 
在W3C中，使用stopPropagation()方法
 
在IE下使用cancelBubble = true方法
 
阻止默认行为：
 
在W3c中，使用preventDefault（）方法
 
在IE下return false