事件的三个阶段

// 事件冒泡： 多个元素嵌套关系，这些元素都注册了相同的事件类型，那么，如果我们触发了最里面的元素的事件，外面的所有的元素的事件也会自动触发，这种行为叫事件冒泡
/*
* 事件的阶段：
*   1. 捕获阶段：由外向内
*   2. 当前目标阶段：选择触发事件
*   3. 冒泡阶段： 由内向外
*
*  e.eventPhase属性可以查看触发显示的阶段：
*  1======捕获阶段
*  2======目标阶段
*  3======冒泡阶段
*
* 谷歌浏览器默认：冒泡
*
*  事件的阶段一般： 1、捕获 和目标阶段一起触发 2、目标阶段和冒泡阶段一起触发
*
*  addEventListener(事件的类型，事件处理函数，控制事件的阶段的)
*  第三个参数： 如果为false，冒泡  true，捕获