解绑事件时必须确保 removeeventlistener 的选项对象与 addeventlistener 完全一致（引用相等），尤其 capture 值需显式匹配且类型相同；推荐复用同一 options 对象，同时 passive、once 等非默认选项也须同步。
解绑事件时确保 capture 属性与 addeventlistener 完全一致，关键在于：**移除监听器时传入的选项对象必须和添加时完全相同（包括引用相等），尤其当使用了 { capture: true } 或 { capture: false } 时**。
capture 必须显式匹配，不能依赖默认值
addEventListener 的第三个参数若为布尔值（如 true / false），等价于 { capture: true/false }；若为对象，则需保证该对象中 capture 的值严格一致。浏览器将 capture: false（显式）和省略 capture 视为两个不同的监听器入口。
- ✅ 正确：添加时用
{ capture: true }，移除时也传{ capture: true } - ❌ 错误：添加时用
true，移除时传{ capture: true }（类型不同，对象 vs 布尔值） - ❌ 错误：添加时省略第三个参数（默认
capture: false），移除时却传{ capture: false }（虽然值相同，但一个是undefined，一个是对象，不视为同一监听器）
推荐统一使用对象语法并复用 options 引用
避免每次新建对象导致引用不等，应提前定义并复用同一个 options 对象。
const opts = { capture: true };
element.addEventListener('click', handler, opts);
// ……
element.removeEventListener('click', handler, opts); // ✅ 引用完全一致
- 不要写成
removeEventListener('click', handler, { capture: true })—— 每次新建对象，引用不同，无法匹配 - 如果 handler 是箭头函数或内联函数，也无法移除，务必使用具名函数或保存引用
注意 passive、once 等其他选项也要同步
capture 不是唯一需要对齐的属性。只要添加时用了任何非默认选项（如 passive: true、once: true），移除时都必须一并带上，且值和类型完全一致。
- 例如：
addEventListener('scroll', fn, { passive: true, capture: true })→ 移除时也必须用同一对象 - 哪怕只漏掉
passive: true，浏览器也会认为这是另一个监听器，导致移除失败
调试技巧：用 getEventListeners（仅限 DevTools）验证
在 Chrome / Edge 控制台中，可临时运行：
getEventListeners(element)
查看目标元素上所有监听器的详细配置，确认 capture、passive、once 等是否按预期注册。这对排查“明明写了 remove 却没生效”的问题非常直接有效。
