¿Cómo eliminar un manejador de eventos?

Existen tres métodos principales:

1. Usar removeEventListener(): La forma más común y recomendada. Requiere pasar los mismos argumentos (tipo de evento, función manejadora y opciones) que al agregar con addEventListener().

   // Ejemplo de adición
   const element = document.getElementById('myElement');
   const handler = () => {
     console.log('Clickeado');
   };
   element.addEventListener('click', handler);
   
   // Ejemplo de eliminación
   element.removeEventListener('click', handler);
   

2. Asignar null a la propiedad del evento: Solo funciona para manejadores en línea y aquellos asignados mediante propiedades del objeto (por ejemplo, onclick).

   // Añadir mediante propiedad
   const element = document.getElementById('myElement');
   element.onclick = () => {
     console.log('Clickeado');
   };
   
   // Eliminar
   element.onclick = null;
   

3. Usar removeListener() (Node.js): Se aplica para manejar eventos en entornos Node.js (por ejemplo, para instancias de EventEmitter).

   // Ejemplo en Node.js
   const { EventEmitter } = require('events');
   const myEmitter = new EventEmitter();
   
   const handler = () => {
     console.log('Evento ocurrido');
   };
   
   myEmitter.on('myEvent', handler); // Añadir
   myEmitter.removeListener('myEvent', handler); // Eliminar
   

Es importante que para removeEventListener y removeListener se pase la misma referencia de la función manejadora que se usó al agregar. Pasar una función anónima o una nueva función con el mismo contenido no funcionará.