Mengapa JavaScript Saya tidak removeEventListener Berfungsi?

Javascript removeEventListener Tidak Berfungsi

Apabila cuba menambah dan mengalih keluar pendengar acara pada elemen dalam Javascript, fungsi removeEventListener mungkin tidak berfungsi seperti yang diharapkan . Isu ini timbul apabila fungsi tanpa nama yang disediakan sebagai argumen kedua untuk removeEventListener bukanlah rujukan fungsi yang sama yang asalnya diberikan kepada addEventListener.

Memahami Isu

Dalam kod yang disediakan, pendengar acara dilampirkan dan dialih keluar menggunakan fungsi tanpa nama:

area.addEventListener('click', function(event) { ... }, true);
area.removeEventListener('click', function(event) { ... }, true);

Walau bagaimanapun, fungsi tanpa nama ini adalah objek yang berbeza sama sekali. Walaupun mereka mungkin melakukan tugas yang sama, mereka bukan rujukan yang sama.

Penyelesaian

Untuk mengalih keluar pendengar acara dengan betul, anda mesti menyediakan rujukan fungsi yang sama yang digunakan untuk menambah pendengar. Tentukan fungsi bernama di luar addEventListener dan removeEventListener panggilan:

function foo(event) {
  app.addSpot(event.clientX, event.clientY);
  app.addFlag = 1;
}
area.addEventListener('click', foo, true);
area.removeEventListener('click', foo, true);

Dengan melakukan ini, fungsi removeEventListener mengenali rujukan fungsi yang pada mulanya dilampirkan dan berjaya melepaskan pendengar acara.

Atas ialah kandungan terperinci Mengapa JavaScript Saya tidak removeEventListener Berfungsi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!