事件传播三阶段

事件传播三阶段

当事件在DOM元素上触发时，事件并不只在触发事件的DOM元素上发生，而是经过三个阶段向上冒泡直到window

事件传播三阶段：

图片来自百度图库

• 捕获阶段 ：
  • 事件从 window 开始，向下到达每个元素，直到到达目标元素事件或event.target(事件源）
• 目标阶段：
  • 事件到达目标元素
• 冒泡阶段：
  • 事件从目标元素冒泡，然后冒泡到每个元素，最终到达 window