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