Jak usunąć obsługę zdarzeń?

Istnieją trzy główne metody:

1. Użycie removeEventListener(): Najczęstszy i zalecany sposób. Wymaga przekazania tych samych argumentów (typ zdarzenia, funkcja obsługi i opcje), co podczas dodawania za pomocą addEventListener().

   // Przykład dodawania
   const element = document.getElementById('myElement');
   const handler = () => {
     console.log('Kliknięto');
   };
   element.addEventListener('click', handler);
   
   // Przykład usuwania
   element.removeEventListener('click', handler);
   

2. Przypisanie null do właściwości zdarzenia: Działa tylko dla obsługi inline i tych przypisanych przez właściwości obiektu (np. onclick).

   // Dodanie przez właściwość
   const element = document.getElementById('myElement');
   element.onclick = () => {
     console.log('Kliknięto');
   };
   
   // Usunięcie
   element.onclick = null;
   

3. Użycie removeListener() (Node.js): Dotyczy obsługi zdarzeń w środowisku Node.js (np. dla instancji EventEmitter).

   // Przykład w Node.js
   const { EventEmitter } = require('events');
   const myEmitter = new EventEmitter();
   
   const handler = () => {
     console.log('Wydarzenie wystąpiło');
   };
   
   myEmitter.on('myEvent', handler); // Dodanie
   myEmitter.removeListener('myEvent', handler); // Usunięcie
   

Ważne, aby podczas korzystania z removeEventListener i removeListener przekazywać tę samą referencję funkcji obsługi, która została użyta podczas dodawania. Przekazanie funkcji anonimowej lub nowej funkcji o tym samym zawartości nie zadziała.