事件冒泡捕获及3个阶段

<div id="one">
    <div id="two">
        <div id="three">
        </div>
    </div>
</div>

#one 绑定click事件

#two 绑定click事件

#three 绑定click事件

假设你点击了 #three

冒泡顺序：

触发#three   ->   触发#two  -> 触发#one

捕获顺序:

触发#one   ->   触发#two  -> 触发#three    //正好与冒泡顺序相反

三个阶段    

|-捕获阶段

|-处于目标阶段

|-冒泡阶段

//以下为个人理解 ， 如有误，下方评论纠正，谢过

3个阶段的顺序 

从上到下开始进入捕获阶段  ->  到达目标#three处于目标阶段-> 从#three开始向上进入冒泡阶段