事件处理的三个阶段-CSDN博客

本文链接：https://blog.csdn.net/weixin_43464294/article/details/128612581

本文介绍了事件处理的三个核心阶段：事件捕获、目标阶段和事件冒泡。当事件发生时，首先从window开始，沿着DOM树向下传播到目标元素，然后在目标元素上触发事件，最后按照相反的顺序冒泡回window。理解这三个阶段对于优化JavaScript事件处理至关重要。

摘要由CSDN通过智能技术生成

事件处理的三个阶段

今天面试被问到这个问题，我听得一脸懵，啥三个阶段，我只知道触发事件，事件冒泡，别的还真不知道，上网搜索了一下，W3C的原文链接

The capture phase: The event object propagates through the target’s ancestors from the Window to the target’s parent. This phase is also known as the capturing phase.

The target phase: The event object arrives at the event object’s event target. This phase is also known as the at-target phase. If the event type indicates that the event doesn’t bubble, then the event object will halt after completion of this phase.

The bubble phase: The event object propagates through the target’s ancestors in reverse order, starting with the target’s parent and ending with the Window. This phase is also known as the bubbling phase.

简单来说事件处理分为三个阶段：