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

 document.addEventListener("Event",Function,true/false)

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

一、捕获阶段

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

二、目标阶段

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

三、冒泡阶段

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

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

阻止冒泡:stopPropagation()

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

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