javascript中可通过addeventlistener第三个参数设为true在捕获阶段监听全局点击，事件从window逐层向下传播至目标元素，适用于点击外部关闭等场景。
在 JavaScript 中，可以通过为 document 或 window 添加事件监听器，并将第三个参数设为 true，来在事件捕获阶段监听全局点击行为。
使用 addEventListener 开启捕获模式
默认情况下，addEventListener 在冒泡阶段触发。要切换到捕获阶段，只需把第三个参数设为 true：
-
document.addEventListener('click', handler, true)—— 捕获阶段监听整个文档的点击 -
window.addEventListener('click', handler, true)—— 效果类似，但注意window不是所有事件的捕获目标（click可以，但如focus就不行）
捕获阶段的特点与注意事项
事件从 window → document → html → body → 目标元素逐层向下传播。此时：
-
event.target仍是被点击的真实元素（和冒泡阶段一致） -
event.currentTarget是当前绑定监听器的节点（比如document） - 可调用
event.stopPropagation()阻止后续捕获或冒泡，但需谨慎——可能影响其他组件逻辑 - 不能用
return false来阻止，默认行为或传播；必须显式调用stopPropagation()或preventDefault()
典型用途示例
常见于实现「点击外部关闭」类功能（如弹窗、下拉菜单），相比冒泡监听更早介入：
- 用户点击弹窗内部：不触发关闭（因为
event.target在弹窗内，你可在 handler 中判断并return） - 用户点击弹窗外任意位置：在捕获阶段就能捕获，立即关闭，无需等事件冒泡上来
示例代码：
document.addEventListener('click', function(e) {if (!e.target.closest('.dropdown')) {
closeDropdown();
}
}, true);
兼容性与替代方案
现代浏览器均支持捕获模式，包括所有主流桌面和移动端浏览器。IE9+ 也支持（IE8 及更早不支持 addEventListener）。若需兼容极旧环境，只能依赖 document.onclick（仅冒泡，且无法区分阶段），不推荐用于捕获需求。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
