事件冒泡与捕获

一、事件流基础：事件冒泡与捕获的起源

1. 事件流概念
   • 事件发生时在DOM节点上的传播顺序，触发一个节点的事件会连锁触发相关节点的事件。
2. 两种对立模型
   • 事件捕获（微软提出）：事件从文档根节点（如document）开始，逐级向目标节点传播，父节点先于子节点触发事件。
   • 事件冒泡（网景提出）：事件从目标节点开始，逐级向根节点传播，子节点先于父节点触发事件。
3. W3C统一模型
   • 采用“先捕获后冒泡”的流程：事件先从根节点捕获到目标节点（捕获阶段），再从目标节点冒泡回根节点（冒泡阶段）。

二、事件捕获（Event Capturing）

1. 传播顺序
   • 从DOM树顶层（如document→html→body）逐步向下到目标节点。
   • 例：点击<a>标签时，捕获顺序为document→div→p→a。
2. 绑定事件方法
   • 使用addEventListener，第三个参数设为true：

   element