Как да премахнем обработчик на събития?

Има три основни начина:

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

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

2. Задаване на null на свойството на събитието: Работи само за inline обработчици и тези, които са зададени чрез свойства на обекта (например, onclick).

   // Добавяне чрез свойство
   const element = document.getElementById('myElement');
   element.onclick = () => {
     console.log('Кликнато');
   };
   
   // Премахване
   element.onclick = null;
   

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

   // Пример в Node.js
   const { EventEmitter } = require('events');
   const myEmitter = new EventEmitter();
   
   const handler = () => {
     console.log('Събитието се случи');
   };
   
   myEmitter.on('myEvent', handler); // Добавяне
   myEmitter.removeListener('myEvent', handler); // Премахване
   

Важно е да се предава същата препратка към обработващата функция, когато използвате removeEventListener и removeListener. Предаването на анонимна функция или нова функция със същото съдържание няма да работи.