Voqeani tinglashni qanday olib tashlash mumkin?

Voqeani voqeani boshqaruvchini olib tashlash uchun removeEventListener() usuli ishlatiladi. Bu usul addEventListener() bilan bir xil uchta argumentni qabul qiladi:

1. Voqea turi (matn, masalan 'click', 'mouseover').
2. Belgilangan voqeani boshqaruvchi funktsiyaga murojaat.
3. Opsional obyekt yoki mantiqiy qiymat, faza (yig'ish yoki balandlik) ko'rsatadi. Qo'shishda ishlatilgan bilan mos kelishi kerak.

Muhem: muvaffaqiyatli olib tashlash uchun, xuddi shu funktsiya murojaati berilishi kerak, qo'shishda ishlatilganidek. "Lekin" funktsiyalar "to'g'ridan-to'g'ri" yaratilgan bo'lsa, shunday qilib olib tashlab bo'lmaydi.

Misol:

// Elementni olamiz
const element = document.getElementById('myButton');

// Voqeani boshqaruvchi funktsiya
function handleClick() {
  console.log('Tugma bosildi!');
}

// Voqeani qo'shish
element.addEventListener('click', handleClick);

// ...kod...

// Voqeani olib tashlash
element.removeEventListener('click', handleClick);

Agar voqea boshqaruvchisi opsiyalar bilan qo'shilgan bo'lsa, masalan useCapture: true, uni olib tashlashda ham ko'rsatish kerak:

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

// ...

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

Agar qo'shishda uchinchi argument o'tkazib yuborilgan bo'lsa (standart qiymat false), uni ham o'tkazib yuborish yoki false qilish mumkin:

element.addEventListener('click', handleClick); // useCapture: false standart

// ...

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