Neueste Web-Entwicklung Tutorials
 

HTML DOM removeEventListener() Method

<Element Object

Beispiel

Entfernen ein "mousemove" Ereignis , das mit der beigefügten wurde addEventListener() Methode:

// Attach an event handler to <div>
document.getElementById("myDIV").addEventListener("mousemove", myFunction);

// Remove the event handler from <div>
document.getElementById("myDIV").removeEventListener("mousemove", myFunction);
Versuch es selber "

Definition und Verwendung

Die removeEventListener() Methode entfernt einen Ereignis - Handler, der mit der daran befestigten wurde addEventListener() Methode.

Hinweis: Um die Event - Handler zu entfernen, wird die Funktion mit der angegebenen addEventListener() Methode muss eine externe Funktion sein, wie im Beispiel oben (myFunction) .

Anonyme Funktionen, wie "Element. removeEventListener(" event ", function() {myScript});" wird nicht funktionieren.

Browser-Unterstützung

Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Methode vollständig unterstützt.

Methode
removeEventListener() 1.0 9.0 1.0 1.0 7.0

Syntax

element .removeEventListener( event , function , useCapture )

Parameterwerte

Parameter Beschreibung
event Erforderlich. Ein String, der den Namen des Ereignisses angibt, zu entfernen.

Hinweis: Die nicht verwenden "on" Präfix. Verwenden Sie zum Beispiel "click" statt "onclick" .

Tipp: Eine Liste aller Ereignisse HTML - DOM, einen Blick auf unsere komplette HTML - DOM Event - Objekt Referenz .
function Erforderlich. Gibt die Funktion zu entfernen.
useCapture Optional. Ein boolescher Wert, den das Ereignis Phase gibt an, von den Event-Handler zu entfernen.

Mögliche Werte:
  • true - Entfernt die Event-Handler aus der Capturing-Phase
  • falsch- Standard. Entfernt die Ereignishandler aus der Bubbling-Phase
Hinweis: Wenn der Event - Handler zweimal befestigt war, ein mit der Erfassung und einer sprudelnden, die jeweils separat entfernt werden müssen.

Technische Details

DOM Version: DOM Level 2 Veranstaltungen
Rückgabewert: Kein Rückgabewert
Änderungsprotokoll: Der Parameter useCapture wurde optional in Firefox 6 und Opera 12.0 (has always been optional for Chrome, IE and Safari)
Beispiele

Mehr Beispiele

Beispiel

Für Browser , die das nicht unterstützen removeEventListener() Methode können Sie die Verwendung detachEvent() Methode.

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

var x = document.getElementById("myDIV");
if (x.removeEventListener) {                   // For all major browsers, except IE 8 and earlier
    x.removeEventListener("mousemove", myFunction);
} else if (x.detachEvent) {                    // For IE 8 and earlier versions
    x.detachEvent("onmousemove", myFunction);
}
Versuch es selber "

Verwandte Seiten

JavaScript Tutorial: HTML DOM Eventlistener

JavaScript Referenz: Dokument. removeEventListener()

<Element Object