使用new AbortController解绑事件

使用 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();