HTML DOM removeEventListener() Method

Contoh

Menghapus "mousemove" acara yang telah melekat dengan addEventListener() metode:

// Attach an event handler to <div>
document.getElementById("myDIV").addEventListener("mousemove", myFunction);

// Remove the event handler from <div>
document.getElementById("myDIV").removeEventListener("mousemove", myFunction);

Cobalah sendiri "

Definisi dan Penggunaan

The removeEventListener() metode menghapus sebuah event handler yang telah melekat dengan addEventListener() metode.

Catatan: Untuk menghapus event, fungsi ditentukan dengan addEventListener() metode harus menjadi fungsi eksternal, seperti dalam contoh di atas (myFunction) .

Fungsi anonim, seperti "elemen. removeEventListener(" event ", function() {myScript});" Tidak akan berhasil.

Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.

metode
removeEventListener()	1.0	9.0	1.0	1.0	7.0

Sintaksis

element .removeEventListener( event , function , useCapture )

Nilai parameter

Parameter	Deskripsi
event	Wajib. Sebuah String yang menentukan nama acara untuk menghapus. Catatan: Jangan gunakan "on" awalan. Misalnya, gunakan "click" bukan "onclick" . Tip: Untuk daftar semua peristiwa HTML DOM, melihat lengkap kami HTML DOM acara Object Reference .
function	Wajib. Menentukan fungsi untuk menghapus.
useCapture	Pilihan. Nilai Boolean yang menentukan fase acara untuk menghapus event handler dari. Kemungkinan nilai: benar - Menghapus event handler dari fase menangkap Default false-. Menghapus event handler dari fase menggelegak Catatan: Jika event itu terpasang dua kali, satu dengan menangkap dan satu menggelegak, masing-masing harus dihapus secara terpisah.

Rincian teknis

DOM Versi:	Tingkat DOM 2 peristiwa
Kembali Nilai:	Tidak ada nilai pengembalian
changelog:	The useCapture parameter menjadi opsional di Firefox 6 dan Opera 12.0 (has always been optional for Chrome, IE and Safari)

Contoh lebih

Contoh

Untuk browser yang tidak mendukung removeEventListener() metode, Anda dapat menggunakan detachEvent() metode.

Contoh ini menunjukkan solusi lintas-browser:

var x = document.getElementById("myDIV");
if (x.removeEventListener) {                   // For all major browsers, except IE 8 and earlier
    x.removeEventListener("mousemove", myFunction);
} else if (x.detachEvent) {                    // For IE 8 and earlier versions
    x.detachEvent("onmousemove", myFunction);
}

Cobalah sendiri "