事件捕获和冒泡的区别 事件捕获和事件冒泡什么意思？

事件捕获和事件冒泡什么意思？

谢谢

关于事件捕获和事件冒泡，我写了一篇关于JS事件流和DOM事件处理程序的文章https://www.toutiao.com/i6392562710684369410/如果你有兴趣，可以直接去看看。

下面是对事件流知识的简要介绍。

事件流可以理解为页面上DOM节点之间传播的事件序列，主要分为三个过程：事件捕获阶段事件目标阶段事件冒泡阶段。您可以从下图中看到事件传播过程。

事件捕获

事件捕获的思想是，页面上最外层的节点首先接收事件，然后逐步将它们传播到内层元素。例如，在上面的示例中，事件捕获阶段的传播顺序是：window--> document--> HTML--> body--> table--> tbody--> tr--> td

event bubble

事件bubble与事件捕获正好相反。它的思想是让最里面的节点先接收事件，然后一步一步地传播到最外层。在上面的例子中，事件冒泡阶段的传播顺序是：TD--> tr--> tbody--> table--> body--> HTML--> document--> window

event target stage

无论是在事件传播阶段还是在事件冒泡阶段，它都必须经过事件目标阶段，这意味着要处理DOM节点的事件。

什么是事件捕获，事件冒泡，触发顺序？

事件分为三个阶段：①捕获阶段、②目标阶段和③冒泡阶段。第一阶段：事件从文档的根元素开始，一层一层地传递，直到找到事件目标。第二阶段：找到事件目标并触发相应的事件。第三阶段：事件逐层返回到根节点，

事件捕获和冒泡的区别 冒泡捕获执行顺序 事件捕获是什么

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。