用 options 对象的 capture 属性替代布尔参数，使事件监听更清晰、健壮、易维护；{ capture: true } 语义明确，等价于第三个参数为 true，支持与其他选项组合，移除时需复用同一对象引用，现代浏览器兼容性良好。
用 options 对象的 capture 属性替代传统事件监听器中第三个布尔值参数，本质是把“是否启用捕获阶段”这个开关从位置依赖的参数，变成命名明确、可读性强、易扩展的配置项。它不是简单替换，而是让代码更清晰、更健壮、更易维护。
capture 属性直接对应原布尔参数的语义
过去写 addEventListener('click', handler, true)，true 的含义需要靠记忆或查文档；现在写 { capture: true }，意图一目了然。两者完全等价：
-
el.addEventListener('click', fn, true)⇔el.addEventListener('click', fn, { capture: true }) -
el.addEventListener('click', fn, false)⇔el.addEventListener('click', fn, { capture: false }) - 省略
capture（即只传{}）默认为false，与旧写法省略第三个参数行为一致
支持与其他选项组合，避免参数膨胀
当需要同时设置捕获、阻止冒泡、只触发一次等行为时，旧写法会陷入“布尔值堆叠”困境（比如 add(..., ..., true, true, false) 不合法，且无法表达多个语义）。而 options 对象天然支持组合：
-
{ capture: true, once: true }—— 捕获阶段触发，且仅一次 -
{ capture: true, passive: true }—— 捕获阶段监听，且声明不调用preventDefault（提升滚动性能） -
{ capture: false, once: true, passive: false }—— 明确关闭所有优化，语义自解释
移除监听时也需保持 options 一致
用 options 对象添加的监听器，必须用**完全相同的对象引用或等价配置**才能成功移除（注意：对象字面量每次都是新引用，所以不能直接写 removeEventListener('click', fn, { capture: true })）：
- ✅ 推荐：提前定义 options 常量或变量，增删共用
const opts = { capture: true };el.addEventListener('click', handler, opts);el.removeEventListener('click', handler, opts);- ❌ 避免：两次写
{ capture: true }字面量 —— 引用不同，移除失败
兼容性足够好，现代项目可放心用
options 参数（含 capture）在 Chrome 55+、Firefox 49+、Safari 10+、Edge 79+ 均已稳定支持。如需兼容 IE 或极老版本，可用简易降级：
- 检测
addEventListener是否支持第三个参数为对象：typeof options === 'object' && options !== null - 否则回退到
useCapture = !!options?.capture+ 传统三参数调用 - 多数构建工具（如 webpack + core-js）也会自动补全
