Latest web development tutorials

HTML-DOM removeEventListener () -Methode

Elemente Object Reference Element - Objekt

Beispiele

Entfernen Sie addEventListener () -Methode das "mousemove-" Ereignis hinzuzufügen:

// Einen Event-Handler an das <div> Element hinzufügen
. AddEventListener ( "mousemove-", myFunction) document.getElementById ( "myDiv");

// Entfernen Sie die <div> Element Event-Handler
. RemoveEventListener ( "mousemove-", myFunction) document.getElementById ( "myDiv");

Versuchen »

Definition und Verwendung

removeEventListener () -Methode verwendet , um die zu entfernen addEventListener () Methode , um Ereignishandler hinzuzufügen.

Hinweis: Wenn Sie den Event - Handler entfernen möchten, addEventListener () Funktion Implementierung eine externe Funktion, wie das Beispiel verwenden müssen , gezeigt (myFunction).

Anonyme Funktion, ähnlich wie bei "document.removeEventListener (" event ", Funktion () {myScript});" Dieses Ereignis kann nicht entfernt werden.


Browser-Unterstützung

Die Zahlen in der Tabelle stellen die erste Browser die Methode Versionsnummer zu unterstützen.

Weg
removeEventListener () 1.0 9.0 1.0 1.0 7.0

Hinweis: Internet Explorer 8 und früheren Versionen nicht unterstützen IE removeEventListener () -Methode, Opera 7.0 und früheren Versionen nicht unterstützt Opera. Sie sind jedoch nicht die Funktion des Browsers unterstützt, können Sie detachEvent () -Methode zum Entfernen des attachEvent () -Methode einen Ereignishandler hinzuzufügen (siehe "Weitere Beispiele" für Cross-Browser - Lösung) verwendet werden .


Grammatik

Element .removeEventListener (Ereignis, Funktion, useCapture )

Parameter Wert

Parameter Beschreibung
Ereignis Muss. Um den Namen des Ereignisses zu entfernen. .

Hinweis: Die "on" Präfix nicht verwenden. Verwenden Sie zum Beispiel "Klick", anstelle von "Onclick".

Tipp: Alle Veranstaltungen HTML - DOM, können Sie unser komplettes sehen HTML - DOM Event - Objekt Referenz .
Funktion Muss. Geben Sie die Funktion entfernt werden.
useCapture Optional. Boolescher Wert, der den Event-Handler Stufe angibt entfernen.

Mögliche Werte:
  • true - eine Event-Handler während der Aufnahmephase entfernen
  • falsch- Standard. Entfernen Sie einen Ereignishandler für die Aufstiegsphase
Hinweis: Wenn Sie einen Event - Handler zweimal hinzufügen, einmal während der Aufnahmephase, einmal in der Bubbling - Phase, müssen Sie das Ereignis zu entfernen.

Technische Details

DOM-Version: DOM Level 2 Veranstaltungen
Rückkehr: Kein Rückgabewert
Aufzeichnungen: In Firefox 6 und Opera 12.0 useCapture Parameter ist optional. (In Chrome, IE und Safari ist immer optional gewesen).


Weitere Beispiele

Beispiele

Falls Ihr Browser nicht die removeEventListener () -Methode unterstützt, können Sie detachEvent () Methoden verwenden.

Dieses Beispiel zeigt die Cross-Browser-Lösung:

var x = document.getElementById ( "myDiv");
if (x.removeEventListener) {// // alle Browser außer IE 8 und frühere Versionen von IE
x.removeEventListener ( "mousemove-", myFunction);
} Else if (x.detachEvent) {// IE 8 und frühere Versionen von IE
x.detachEvent ( "onmousemove", myFunction);
}

Versuchen »


Verwandte Seiten

JavaScript Tutorial: die HTML - DOM Eventlistener A

JavaScript - Referenzhandbuch: document.removeEventListener ()


Elemente Object Reference Element - Objekt