tutorial pengembangan web terbaru
 

HTML DOM removeEventListener() Method

<Document Object

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:
  • 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

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()


<Document Object