Hoe verwijder je een gebeurtenis-handler?

Er zijn drie hoofdmethoden:

1. Gebruik removeEventListener(): De meest voorkomende en aanbevolen methode. Vereist dat dezelfde argumenten (gebeurttype, handlerfunctie en opties) worden doorgegeven als bij het toevoegen met addEventListener().

   // Voorbeeld van toevoegen
   const element = document.getElementById('myElement');
   const handler = () => {
     console.log('Klik');
   };
   element.addEventListener('click', handler);
   
   // Voorbeeld van verwijderen
   element.removeEventListener('click', handler);
   

2. Stel null in op de gebeurtenis-eigenschap: Werkt alleen voor inline handlers en die via objecteigenschappen worden toegewezen (bijvoorbeeld onclick).

   // Toevoegen via eigenschap
   const element = document.getElementById('myElement');
   element.onclick = () => {
     console.log('Klik');
   };
   
   // Verwijderen
   element.onclick = null;
   

3. Gebruik removeListener() (Node.js): Wordt toegepast voor het afhandelen van gebeurtenissen in Node.js-omgevingen (bijvoorbeeld voor instanties van EventEmitter).

   // Voorbeeld in Node.js
   const { EventEmitter } = require('events');
   const myEmitter = new EventEmitter();
   
   const handler = () => {
     console.log('Gebeurtenis opgetreden');
   };
   
   myEmitter.on('myEvent', handler); // Toevoegen
   myEmitter.removeListener('myEvent', handler); // Verwijderen
   

Het is belangrijk dat je voor removeEventListener en removeListener() dezelfde referentie naar de handlerfunctie doorgeeft die bij het toevoegen is gebruikt. Het doorgeven van een anonieme functie of een nieuwe functie met dezelfde inhoud werkt niet.