Contoh
Menghapus "mousemove" acara yang telah melekat dengan addEventListener() metode:
// Attach an event handler to the document
document.addEventListener("mousemove",
myFunction);
// Remove the event handler from the document
document.removeEventListener("mousemove", myFunction);
Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
The document. removeEventListener() document. removeEventListener() metode menghapus sebuah event handler yang telah melekat dengan dokumen. addEventListener() metode.
Catatan: Untuk menghapus event, fungsi ditentukan dengan addEventListener() metode harus menjadi eksternal, "named" fungsi, seperti dalam contoh di atas (myFunction) .
Fungsi anonim, seperti "dokumen. removeEventListener(" event ", function() {myScript});" Tidak akan berhasil.
Tip: Gunakan elemen. addEventListener() dan elemen. removeEventListener() metode untuk menambah / menghapus event ke / dari elemen tertentu.
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 |
Catatan: removeEventListener() metode tidak didukung di Internet Explorer 8 dan versi sebelumnya, dan Opera 6.0 dan versi sebelumnya. Namun, untuk versi ini browser tertentu, Anda dapat menggunakan detachEvent() metode untuk menghapus event handler yang telah terpasang dengan attachEvent() metode (lihat "More Examples" di bawah ini untuk solusi cross-browser).
Sintaksis
document.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:
|
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:
if (document.removeEventListener) { // For all major browsers, except IE 8 and earlier
document.removeEventListener("mousemove", myFunction);
} else if (document.detachEvent) { // For IE 8 and earlier versions
document.detachEvent("onmousemove", myFunction);
}
Cobalah sendiri " Pages terkait
JavaScript Tutorial: HTML DOM EventListener
Referensi JavaScript: elemen. removeEventListener()