Hadisə dinləyicisi necə silinir?

Hadisə idarəçisini silmək üçün removeEventListener() metodu istifadə olunur. Bu metod addEventListener() ilə eyni üç arqumenti qəbul edir:

1. Hadisə növü (sətir, məsələn 'click', 'mouseover').
2. Təyin edilmiş idarəçi funksiyaya istinad.
3. İstəyə bağlı obyekt və ya boolean dəyər, fazanı (yığma və ya yuxarı axın) göstərir. Əlavə edildiyi zaman istifadə olunan ilə uyğun olmalıdır.

Əhəmiyyətli: uğurla silmək üçün, eyni funksiyanın istinadını keçirmək lazımdır, əlavə edildiyi kimi. "Anonym" funksiyalar "canlı" yaradıldıqda bu yolla silinə bilməz.

Nümunə:

// Elementi əldə et
const element = document.getElementById('myButton');

// İdarəçi funksiyanı təyin et
function handleClick() {
  console.log('Düymə basıldı!');
}

// İdarəçini əlavə et
element.addEventListener('click', handleClick);

// ...kod...

// İdarəçini sil
element.removeEventListener('click', handleClick);

Əgər idarəçi opsiyalarla əlavə olunubsa, məsələn useCapture: true, onları da silərkən göstərmək lazımdır:

element.addEventListener('click', handleClick, { capture: true });

// ...

element.removeEventListener('click', handleClick, { capture: true });

Əgər əlavə edərkən üçüncü arqument atlanıbsa (standart dəyər false), onu da atlamaq və ya false qoymaq olar:

element.addEventListener('click', handleClick); // useCapture: false standartdır

// ...

element.removeEventListener('click', handleClick);
element.removeEventListener('click', handleClick, false); // eynidir