Latest web development tutorials

HTML-DOM removeEventListener () -Methode

Document Object Reference Document Object

Beispiele

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

// Event-Handler in dem Dokument hinzufügen
document.addEventListener ( "mousemove-", myFunction);

// Das Dokument Ereignishandler entfernen
document.removeEventListener ( "mousemove-", myFunction);

Versuchen »

Definitionen und Verwendung

document.removeEventListener () -Methode verwendet , um die zu entfernen document.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.

Tipp: Verwenden Sie Element .addEventListener () und Element .removeEventListener () Methode hinzufügen oder das angegebene Element Event - Handler zu entfernen.


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

document.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 - Event-Handler wird während der Erfassungsphase entfernt
  • falsch- Standard. Entfernen Sie die Ereignishandler für das Bubbling-Phase
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:

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

Versuchen »


In Verbindung stehende Artikel

JavaScript Tutorial: die HTML - DOM Eventlistener A

JavaScript - Referenzhandbuch: Element .removeEventListener ()


Document Object Reference Document Object