首页 > 其他 > 详细

DOM的三个阶段?(捕获阶段、目标阶段、冒泡阶段)

时间:2020-08-08 18:39:31      阅读:348      评论:0      收藏:0      [点我收藏+]
 document.addEventListener("Event",Function,true/false)

true:捕获阶段 falses:冒泡阶段

 

 

技术分享图片

 

 

一、捕获阶段

DOM树的某个节点发生了某种操作,从window发出一个事件,不断经过下级节点最终到达目标节点之前的阶段。(当某个事件发生时,父元素最先捕获到事件,目标元素最后收到)

 

二、目标阶段

当事件不断传递直到目标节点的时候,最终在目标节点上出发这个事件。

 

三、冒泡阶段

由最具体的元素接受,然后逐级传播到最不具体的节点。

 

总结:事件一开始从文档的根节点流向目标对象(事件捕获),然后在目标向上被触发(目标阶段),之后再回到文档的根节点(冒泡阶段)。

 

 

阻止冒泡:stopPropagation()

stopPrapagation()方法:阻止事件在传播过程中的捕获,目标处理或冒泡阶段进一步传播,使用该方法后,该节点处理该事件的处理程序将被调用,事件不再被分派到其他节点。

 

DOM的三个阶段?(捕获阶段、目标阶段、冒泡阶段)

原文:https://www.cnblogs.com/babilong/p/13458542.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!