捕获阶段监听器可在事件到达目标前拦截处理，通过addEventListener第三个参数设为true实现；其按添加顺序执行，早于目标监听器，且stopPropagation无法阻止已触发的捕获监听器，而stopImmediatePropagation可终止同阶段其余监听器。
可以通过将 addEventListener 的第三个参数设为 true（即开启捕获阶段），在事件到达目标元素之前就拦截并处理它，从而提前干预全局交互行为，比如阻止默认操作、统一记录用户行为或覆盖原生逻辑。
capture 参数的作用机制
DOM 事件分三个阶段：捕获 → 目标 → 冒泡。默认情况下（capture = false）监听器只在冒泡阶段触发；设为 true 后，监听器会在捕获阶段从 window 或 document 开始，逐层向下传递到目标元素前就执行。
- 捕获阶段的监听器比目标元素自身的监听器更早运行
- 即使目标元素调用
event.stopPropagation()，也无法阻止已进入捕获阶段的上层监听器执行 - 多个捕获监听器按添加顺序执行（先添加的先触发）
在 document 或 window 上全局拦截
最常用方式是在 document 或 window 上绑定捕获监听器，覆盖默认交互逻辑：
// 阻止所有右键菜单
document.addEventListener('contextmenu', (e) => {
e.preventDefault();
}, true); // ✅ 捕获阶段生效
// 拦截所有点击，做权限检查或埋点
document.addEventListener('click', (e) => {
if (!userHasPermission(e.target)) {
e.stopImmediatePropagation(); // 阻止后续监听器（含冒泡阶段）
showPermissionTip();
}
}, true);
注意与 stopPropagation 的配合逻辑
仅用 e.stopPropagation() 无法阻止捕获阶段已触发的其他监听器，但 e.stopImmediatePropagation() 可以立即终止当前事件流中所有剩余监听器（包括同阶段其他监听器）：
-
stopPropagation()：只阻止事件继续向目标或向上冒泡，不影响同阶段其他监听器 -
stopImmediatePropagation()：立刻中断当前阶段所有未执行的监听器，适合做“一票否决”式拦截 - 若需保留部分下游逻辑，可不调用阻止方法，仅修改
e.target或添加自定义属性供后续使用
实际可用的典型场景
以下做法已在真实项目中验证有效：
- 全局快捷键接管（如
Ctrl+S触发自定义保存逻辑，防止浏览器另存为） - 表单输入前统一校验环境（如检测是否处于离线状态，提前提示）
- 嵌入式页面中屏蔽父页面的滚动/缩放行为（监听
wheel、touchmove并preventDefault） - 无侵入式用户行为采集（在捕获阶段读取
e.target和路径，不干扰业务逻辑）
