DOM事件流

事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即DOM事件流

注意：

　　1.JS 代码中 只能执行捕获或者冒泡其中的一个阶段

　　2.onclick 和 attachEvent 只能得到冒泡阶段

　　3.addEventListener（type,listener[,useCapture]) 第三个参数是 true ，那么处于捕获阶段， 　　　执行顺序：document -> html -> body -> father-> son

　　　案例：先弹出 father 再弹出 son 

　　　son.addEventListener('click',function(){

　　　　　alert('son');

　　　},true)；

　　　father.addEventListener('click',function(){

　　　　　alert('father');

　　　},true)；

　　4.冒泡阶段  如果addEventListener 第三个参数是 false 或者 省略，那么处于冒泡阶段 

　　执行顺序：son -> father -> body -> html -> document 　

　　案例：先弹出 son 再 弹出 father 

　　   son.addEventListener('click',function(){

　　　　　alert('son');

　　　 }，false)；

　　　father.addEventListener('click',function(){

　　　　　alert('father');

　　　},false)；

　　5.实际开发中我们很少使用事件捕获，我们更关注 事件冒泡

　　6.有些事件是没有冒泡的，比如 onblur 、onfocus、onmouseenter、onmouseleave

　　7.事件冒泡有时候会带来麻烦，有时候又会帮助很巧妙的做某些事件。