Olay işleyicisi nasıl kaldırılır?

Üç temel yöntem vardır:

1. removeEventListener() kullanmak: En yaygın ve önerilen yöntemdir. addEventListener() ile eklerken kullanılan aynı argümanları (olay tipi, olay işleyici fonksiyon ve seçenekler) geçmek gerekir.

   // Ekleme örneği
   const element = document.getElementById('myElement');
   const handler = () => {
     console.log('Tıklandı');
   };
   element.addEventListener('click', handler);
   
   // Kaldırma örneği
   element.removeEventListener('click', handler);
   

2. Olay özelliğine null atamak: Sadece satır içi olay işleyiciler ve nesne özellikleri aracılığıyla atananlar için çalışır (örneğin, onclick).

   // Özelliğe ekleme
   const element = document.getElementById('myElement');
   element.onclick = () => {
     console.log('Tıklandı');
   };
   
   // Kaldırma
   element.onclick = null;
   

3. removeListener() kullanmak (Node.js): Node.js ortamında olayları işlemek için kullanılır (örneğin, EventEmitter örnekleri için).

   // Node.js örneği
   const { EventEmitter } = require('events');
   const myEmitter = new EventEmitter();
   
   const handler = () => {
     console.log('Olay gerçekleşti');
   };
   
   myEmitter.on('myEvent', handler); // Ekleme
   myEmitter.removeListener('myEvent', handler); // Kaldırma
   

Önemli olan, removeEventListener ve removeListener kullanırken aynı olay işleyici fonksiyonunun referansını geçmektir. Anonim fonksiyon veya aynı içeriğe sahip yeni fonksiyon geçmek işe yaramaz.