Cum se elimină un handler de evenimente?

Există trei metode principale:

1. Utilizarea removeEventListener(): Cea mai comună și recomandată metodă. Necesită transmiterea acelorași argumente (tipul evenimentului, funcția handler și opțiuni) ca și la adăugarea cu addEventListener().

   // Exemplu de adăugare
   const element = document.getElementById('myElement');
   const handler = () => {
     console.log('Clic');
   };
   element.addEventListener('click', handler);
   
   // Exemplu de eliminare
   element.removeEventListener('click', handler);
   

2. Atribuirea null proprietății evenimentului: Funcționează doar pentru handlerii inline și cei atribuiți prin proprietăți ale obiectului (de exemplu, onclick).

   // Adăugare prin proprietate
   const element = document.getElementById('myElement');
   element.onclick = () => {
     console.log('Clic');
   };
   
   // Eliminare
   element.onclick = null;
   

3. Utilizarea removeListener() (Node.js): Se aplică pentru gestionarea evenimentelor în mediul Node.js (de exemplu, pentru instanțe EventEmitter).

   // Exemplu în Node.js
   const { EventEmitter } = require('events');
   const myEmitter = new EventEmitter();
   
   const handler = () => {
     console.log('Evenimentul a avut loc');
   };
   
   myEmitter.on('myEvent', handler); // Adăugare
   myEmitter.removeListener('myEvent', handler); // Eliminare
   

Este important să transmiteți aceeași referință a funcției handler atunci când folosiți removeEventListener și removeListener. Transmiterea unei funcții anonime sau a unei funcții noi cu același conținut nu va funcționa.