HTML DOM removeEventListener () metode

contoh

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

// Tambahkan event handler untuk elemen <div>
. Document.getElementById ( "myDiv") addEventListener ( "mousemove", myFunction);

// Lepaskan <div> event handler elemen
. Document.getElementById ( "myDiv") removeEventListener ( "mousemove", myFunction);

Coba »

Definisi dan Penggunaan

Metode removeEventListener () digunakan untuk menghapus 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.

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

Unsur .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 - menghapus event selama fase capture bawaan false-. Menghapus event handler untuk tahap 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:

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

Coba »