Latest web development tutorials

HTML DOM removeEventListener () metode

Dokumen Referensi Object Document Object

contoh

Menghapus metode addEventListener () untuk menambahkan "mousemove" acara:

// Tambahkan event handler dalam dokumen
document.addEventListener ( "mousemove", myFunction);

// Lepaskan event dokumen handler
document.removeEventListener ( "mousemove", myFunction);

Coba »

Definisi dan penggunaan

Metode document.removeEventListener () digunakan untuk menghapus document.addEventListener () metode untuk menambahkan event handler.

Catatan: Jika Anda ingin menghapus event handler, addEventListener () implementasi fungsi harus menggunakan fungsi eksternal, sebagai contoh yang ditunjukkan (myFunction).

fungsi anonim, mirip dengan "document.removeEventListener (" event ", fungsi () {myScript});" Acara ini tidak dapat dihapus.

Tip: Gunakan elemen .addEventListener () dan elemen .removeEventListener () metode untuk menambah atau menghapus elemen event handler yang ditentukan.


Dukungan Browser

Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi metode.

cara
removeEventListener () 1.0 9.0 1.0 1.0 7.0

Catatan: Internet Explorer 8 dan versi sebelumnya tidak mendukung metode IE removeEventListener (), Opera 7.0 dan versi sebelumnya tidak mendukung Opera. Namun, mereka tidak mendukung fungsi browser, Anda dapat menggunakan metode detachEvent () untuk menghapus metode attachEvent () untuk menambahkan event handler (lihat "Lebih contoh" untuk solusi lintas-browser).


tatabahasa

document.removeEventListener (event, fungsi, useCapture)

Nilai parameter

parameter deskripsi
peristiwa Harus. Untuk menghapus nama acara.

Catatan: Jangan gunakan "pada" awalan. Misalnya, gunakan "klik", bukan "onclick".

Tip: Semua peristiwa HTML DOM, Anda dapat melihat lengkap kami HTML DOM acara Object Reference .
fungsi Harus. Tentukan fungsi yang akan dihapus.
useCapture Opsional. nilai Boolean yang menentukan menghapus tahap event handler.

Kemungkinan nilai:
  • benar - event handler dihapus selama fase capture
  • bawaan false-. Menghapus event handler untuk fase menggelegak
Catatan: Jika Anda menambahkan event handler dua kali, sekali selama fase capture, sekali dalam fase menggelegak, Anda harus menghapus acara.

rincian teknis

Versi DOM: Tingkat DOM 2 peristiwa
Pengembalian: Tidak ada nilai pengembalian
catatan: Di Firefox 6 dan Opera 12.0 di useCapture parameter adalah opsional. (Dalam Chrome, IE, dan Safari selalu opsional).


contoh yang lebih

contoh

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

Contoh ini menunjukkan solusi lintas-browser:

jika (document.removeEventListener) {// semua browser kecuali IE 8 dan versi sebelumnya dari IE
document.removeEventListener ( "mousemove", myFunction);
} Lain jika (document.detachEvent) {// IE 8 dan versi sebelumnya dari IE
document.detachEvent ( "onmousemove", myFunction);
}

Coba »


Artikel terkait

tutorial JavaScript: HTML DOM EventListener A

Referensi JavaScript: Elemen .removeEventListener ()


Dokumen Referensi Object Document Object