使用new AbortController解绑事件

最新推荐文章于 2026-04-03 14:43:08 发布

原创最新推荐文章于 2026-04-03 14:43:08 发布 · 534 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

标签

#前端 #javascript #vue.js

收录于

使用 AbortController 来解除一组事件的绑定

const button = document.getElementById('button');
 const controller = new AbortController();
 const { signal } = controller;

 button.addEventListener(
   'click',
   () => console.log('clicked!'),
   { signal }
 );

 // Remove the listener!
 controller.abort();

你可以使用 AbortController 来删除事件集合。

let controller = new AbortController();
 const { signal } = controller;

 button.addEventListener('click', () => console.log('clicked!'), { signal });
 window.addEventListener('resize', () => console.log('resized!'), { signal });
 document.addEventListener('keyup', () => console.log('pressed!'), { signal });

 // Remove all listeners at once:
 controller.abort();