Dokumen HTML DOM hapusEventListener()
Contoh
Hapus acara "mousemove" yang telah dilampirkan dengan metode addEventListener():
// Attach an event handler to the document
document.addEventListener("mousemove", myFunction);
// Remove the event handler from the document
document.removeEventListener("mousemove", myFunction);
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Metode document.removeEventListener() menghapus event handler yang telah dilampirkan dengan metode document.addEventListener() .
Catatan: Untuk menghapus event handler, fungsi yang ditentukan dengan metode addEventListener() harus berupa fungsi eksternal, "bernama", seperti pada contoh di atas (myFunction).
Fungsi anonim, seperti "document.removeEventListener(" event ", function(){ myScript });" tidak akan berfungsi.
Tip: Gunakan metode elemen .addEventListener() dan elemen .removeEventListener() untuk menambahkan/menghapus event handler ke/dari elemen tertentu.
Sintaksis
document.removeEventListener(event, function, useCapture)
Nilai Parameter
Parameter | Description |
---|---|
event | Required. A String that specifies the name of the event to remove. Note: Do not use the "on" prefix. For example, use "click" instead of "onclick". Tip: For a list of all HTML DOM events, look at our complete HTML DOM Event Object Reference. |
function | Required. Specifies the function to remove. |
useCapture |
Optional. A Boolean value that specifies the event phase
to remove the event handler from. Possible values:
|
Detail Teknis
Versi DOM: | Acara DOM Tingkat 2 |
---|---|
Nilai Kembali: | Tidak ada nilai kembali |
Catatan perubahan: | Parameter useCapture menjadi opsional di Firefox 6 dan Opera 12.0 (selalu opsional untuk Chrome, IE dan Safari) |
Lebih Banyak Contoh
Contoh
Untuk browser yang tidak mendukung metode removeEventListener() , Anda bisa menggunakan metode detachEvent() .
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);
}
Halaman Terkait
Tutorial JavaScript: HTML DOM EventListener
Referensi JavaScript: elemen .removeEventListener()
Dukungan Peramban
document.removeEventListener()
adalah fitur DOM Level 2 (2001).
Ini didukung penuh di semua browser:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |