在 JavaScript 中，事件捕获阶段可让 document 或 window 优先拦截事件，需通过 addEventListener 的第三个参数设为 true 绑定捕获监听器，并配合 event.stopImmediatePropagation() 主动终止传播。
在 JavaScript 中，事件捕获阶段确实能让根节点（如 document 或 window）优先于目标元素接收到事件。要实现“在 DOM 树根节点优先拦截处理”，关键不是靠默认行为，而是显式地将事件监听器绑定在捕获阶段，并在需要时调用 event.stopPropagation() 或 event.stopImmediatePropagation() 来阻止后续传播。
使用 useCapture = true 绑定捕获阶段监听器
所有主流浏览器都支持在 addEventListener 的第三个参数传入 true，表示该监听器在捕获阶段触发：
-
document.addEventListener('click', handler, true)—— 全局点击事件在捕获阶段最先被 document 捕获 -
document.documentElement.addEventListener('keydown', handler, true)—— 捕获键盘事件，比 body 和子元素更早执行 - 注意：不能对内联事件（如
onclick属性）或onxxxDOM 属性设置捕获，仅addEventListener支持
根节点拦截后主动终止事件流
仅绑定捕获监听器还不够，若想“拦截”（即不让事件继续向下到达目标或向上冒泡），必须在回调中明确中断：
-
event.stopPropagation()：阻止事件继续沿当前路径传播（停止捕获 + 阻止后续冒泡） -
event.stopImmediatePropagation()：除阻止传播外，还阻止同一节点上其他同类型监听器执行（推荐用于强拦截） - 例如：在
document的捕获监听器中判断某类操作（如 Ctrl+S 保存），直接event.stopImmediatePropagation()，后续任何元素的 click/key 事件都不会响应
注意捕获路径的实际起点和限制
事件捕获从最外层开始，但并非所有节点都天然可捕获——需确保监听器绑定在能覆盖目标路径的祖先节点上：
立即学习“Java免费学习笔记（深入）”；
- 标准捕获路径：
window → document → html → body → … → target - 若只在
body绑定捕获监听器，而事件目标在body外（比如html上的自定义事件），则 body 不会触发 - 真正“根级”拦截建议优先用
document或window，它们几乎总在路径顶端 - Shadow DOM 边界会影响捕获，跨 Shadow Root 时需额外配置
{ composed: true }才能穿透
实用示例：全局快捷键拦截
以下代码让 Ctrl+Shift+K 在捕获阶段就被 document 拦截，不触发任何输入框、按钮等默认行为：
document.addEventListener('keydown', function (e) {
if (e.ctrlKey && e.shiftKey && e.key === 'K') {
e.preventDefault(); // 阻止默认行为（如浏览器快捷键）
e.stopImmediatePropagation(); // 确保无其他 keydown 监听器执行
console.log('快捷键已拦截');
// 这里执行你的逻辑，比如打开调试面板
}
}, true); // true → 捕获阶段
