Skip to content
快看这页儿写了啥...

介绍事件传播机制(事件流),事件传播的三个阶段?

题干

  • 事件传播机制(事件流)

题解

事件传播机制(事件流)是指浏览器处理事件的机制,包括事件的触发、传播和监听。

事件传播的三个阶段:

  • 事件捕获阶段:事件从 Document 节点自上而下向目标节点传播的阶段,即从最外层的祖先元素开始,逐级向下查找事件触发的目标元素。在这个过程中,默认情况下,事件相应的监听函数是不会被触发的,除非使用addEventListener()方法并指定第三个参数为true
  • 事件目标阶段:事件到达目标节点,即事件触发的元素本身的阶段。在这个阶段,执行目标元素该事件相应的处理函数。如果没有绑定监听函数,那就不执行。
  • 事件冒泡阶段:事件从目标节点自下而上向 Document 节点传播的阶段,即从目标元素开始,逐级向上回溯,直到最外层的祖先元素。在这个过程中,默认情况下,事件相应的监听函数会按照绑定顺序依次执行,除非使用stopPropagation()方法或者cancelBubble属性阻止冒泡。

相关

事件是什么?事件模型?

如何阻止事件传播(事件冒泡)

如何取消默认事件

什么是事件代理(事件委托),使用场景

贡献者

isboyjc's avatar isboyjc

浏览量(PV)  次  ·  独立访客(UV)  人次
不正经的前端 | 八股 · 欢迎 star ⭐