Как удалить обработчик события?

Существуют три основных способа:

1. Использовать removeEventListener(): Самый распространённый и рекомендуемый способ. Требует передать те же аргументы (тип события, функция-обработчик и опции), что и при добавлении с помощью addEventListener().

   // Пример добавления
   const element = document.getElementById('myElement');
   const handler = () => {
     console.log('Clicked');
   };
   element.addEventListener('click', handler);
   
   // Пример удаления
   element.removeEventListener('click', handler);
   

2. Присвоить null свойству события: Работает только для inline-обработчиков и тех, что назначаются через свойства объекта (например, onclick).

   // Добавление через свойство
   const element = document.getElementById('myElement');
   element.onclick = () => {
     console.log('Clicked');
   };
   
   // Удаление
   element.onclick = null;
   

3. Использовать removeListener() (Node.js): Применяется для обработки событий в среде Node.js (например, для экземпляров EventEmitter).

   // Пример в Node.js
   const { EventEmitter } = require('events');
   const myEmitter = new EventEmitter();
   
   const handler = () => {
     console.log('Event occurred');
   };
   
   myEmitter.on('myEvent', handler); // Добавление
   myEmitter.removeListener('myEvent', handler); // Удаление
   

Важно, что для removeEventListener и removeListener необходимо передавать ссылку на ту же самую функцию-обработчик, которая была использована при добавлении. Передача анонимной функции или новой функции с тем же содержимым не сработает.