js事件传播机制之冒泡事件详解

事件流是事件从页面接受并传播的过程,主要分三个阶段:事件捕获阶段、目标事件阶段、事件冒泡阶段。

事件传播,先触发当前元素上的事件,然后触发祖先元素上的相同事件,由内而外依次传播

事件捕获阶段:由最外层祖先元素向目标元素进行事件的捕获,这个阶段不触发事件;

事件目标阶段:事件捕获到目标元素,捕获结束后开始在目标元素上触发事件

冒泡阶段:事件从目标元素依次像祖先元素传递,触发事件

*******如果希望在捕获阶段就触发事件,可以将addeventlistener()的第三个参数设置为true,一般情况下不适用

ie8及以下没有捕获阶段

e.stopPropagation()window.event.cancelBubble = true组织事件冒泡

原文地址:https://www.cnblogs.com/baixiaoxiao/p/12525416.html