页面切回来一次按钮多响应一次，怎样用 AbortController 清理旧监听

给每轮页面挂载建立独立 AbortController，把对应监听器绑定到 signal，并在卸载时 abort。验证目标是“已卸载的那轮回调不再运行”，不能仅因按钮看起来只点了一次就宣布监听器没有累积。

先把重复挂载缩成两轮

夹具先挂载一次、执行卸载函数，再挂载一次，最后真实点击按钮。未清理组会留下两个不同回调，计数为2；清理组只剩后一轮，计数为1。反例通常是addEventListener放在每次打开页面的回调里，却没有对应卸载。浏览器不会把两个新建的箭头函数自动识别成同一个监听器。

让清理范围与挂载范围对应

每轮创建自己的controller，所有归属这一轮的监听都使用其signal。卸载时调用abort，统一解除关联，避免removeEventListener时因为函数引用或capture选项不一致而漏掉。已经abort的signal不能用来挂下一轮监听，否则新监听可能根本不会生效。把controller放在明确的实例状态中，比随手放一个全局变量更容易检查所有权。

用副作用次数衡量而非网络响应

脚本只增加本地计数，不发设备命令，也不依赖服务器去重。这样能够隔离“前端绑定了几次”和“业务请求重试了几次”。本题的两轮挂载是显式测试输入，不代表某个框架一定按此时序运行；迁移到真实路由后，应记录进入次数、卸载次数和回调归属编号，观察还有没有常驻层在重复注册。

清理监听不等于清理全部资源

定时器、观察器、媒体对象和异步任务各有自己的释放接口，不能因为signal清掉了click监听就假定页面已完全卸载。若计数已经正确但内存仍上涨，进一步核对这些资源。若原本只挂一轮却仍执行两次，检查是否同时绑定pointerdown与click；那是激活入口重复，和本题的跨挂载累积应分别验证。

区分重复注册与浏览器去重

同一类型、相同回调引用和相同capture配置的重复addEventListener有自己的去重规则；本例每轮创建新闭包，所以确实留下两个不同监听器，不是声称任何重复调用都会加倍。走查时保存函数归属或注册编号，确认实际是新引用。清理完成后再挂一轮并点击，计数回到1才说明当前所有权边界成立，不能仅以abort没有抛异常作为成功证据。

下载并复现

下载原创HTML夹具、独立验证程序、本次执行记录和依赖与运行说明，放在同一目录。安装Playwright 1.58.0及其Chromium后运行 python verify.py；程序使用两个随机本地端口，自动关闭浏览器与服务，不请求外网或业务接口。

本次实际环境为Python 3.12.4、Playwright 1.58.0、Chromium 145.0.7632.6。Playwright浏览器鼠标/键盘与页面API实跑；无实体硬件或业务控制。断言已通过；完整事件和数值保留在执行记录，不能把它改名后当目标展项测量。

继续核查与一级出处

基础背景见展会软件的可靠性三件套：崩溃自恢复、超时回待机、全屏锁定。导航重新展示与一次性挂载应共用清楚的生命周期约定，可继续用返回展品页为什么初始化两遍，怎样区分 pageshow 与首次加载取证；相关工程入口在专题与产品对接说明。

• addEventListener的signal选项与移除监听：2026-10-24已联网读取一级来源；WHATWG DOM Living Standard，读取页标记2026-10-19更新。