Jak odstranit obsluhu událostí?

Existují tři hlavní způsoby:

1. Použití removeEventListener(): Nejčastější a doporučený způsob. Vyžaduje předání stejných argumentů (typ události, obslužná funkce a možnosti), jako při přidání pomocí addEventListener().

   // Příklad přidání
   const element = document.getElementById('myElement');
   const handler = () => {
     console.log('Kliknuto');
   };
   element.addEventListener('click', handler);
   
   // Příklad odstranění
   element.removeEventListener('click', handler);
   

2. Přiřazení null vlastnosti události: Funguje pouze pro inline obsluhy a ty, které jsou přiřazeny přes vlastnosti objektu (například onclick).

   // Přidání přes vlastnost
   const element = document.getElementById('myElement');
   element.onclick = () => {
     console.log('Kliknuto');
   };
   
   // Odstranění
   element.onclick = null;
   

3. Použití removeListener() (Node.js): Používá se pro zpracování událostí v prostředí Node.js (například pro instance EventEmitter).

   // Příklad v Node.js
   const { EventEmitter } = require('events');
   const myEmitter = new EventEmitter();
   
   const handler = () => {
     console.log('Událost nastala');
   };
   
   myEmitter.on('myEvent', handler); // Přidání
   myEmitter.removeListener('myEvent', handler); // Odstranění
   

Je důležité, aby se při použití removeEventListener a removeListener předávala stejná reference na obslužnou funkci, kterou jste použili při přidání. Předání anonymní funkce nebo nové funkce se stejným obsahem nebude fungovat.