事件冒泡捕获及3个阶段

来源:互联网 发布:淘宝商家开通花呗 编辑:程序博客网 时间:2024/06/05 00:36

<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开始向上进入冒泡阶段

0 0
原创粉丝点击