HTML DOM removeEventListener() methode
❮Het Element-ObjectVoorbeeld
Verwijder een "mousemove"-gebeurtenis die is gekoppeld met de 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);
Definitie en gebruik
De methode removeEventListener() verwijdert een gebeurtenishandler die met de methode addEventListener() is gekoppeld .
Opmerking: om gebeurtenishandlers te verwijderen, moet de functie die is opgegeven met de methode addEventListener() een externe functie zijn, zoals in het bovenstaande voorbeeld (myFunction).
Anonieme functies, zoals " element .removeEventListener(" event ", function(){ myScript });" zal niet werken.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de methode volledig ondersteunt.
Method | |||||
---|---|---|---|---|---|
removeEventListener() | 1.0 | 9.0 | 1.0 | 1.0 | 7.0 |
Syntaxis
element.removeEventListener(event, function, useCapture)
Parameterwaarden
Parameter | Description |
---|---|
event | Required. A String that specifies the name of the event to remove. Note: Do not use the "on" prefix. For example, use "click" instead of "onclick". Tip: For a list of all HTML DOM events, look at our complete HTML DOM Event Object Reference. |
function | Required. Specifies the function to remove. |
useCapture |
Optional. A Boolean value that specifies the event phase
to remove the event handler from. Possible values:
|
Technische details
DOM-versie: | DOM Level 2-evenementen |
---|---|
Winstwaarde: | Geen retourwaarde |
Wijzigingslogboek: | De parameter useCapture werd optioneel in Firefox 6 en Opera 12.0 (is altijd optioneel geweest voor Chrome, IE en Safari) |
Meer voorbeelden
Voorbeeld
Voor browsers die de methode removeEventListener() niet ondersteunen, kunt u de methode detachEvent() gebruiken.
Dit voorbeeld demonstreert een oplossing voor meerdere browsers:
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);
}
Gerelateerde pagina's
JavaScript-zelfstudie: HTML DOM EventListener
JavaScript-referentie: document.removeEventListener()
❮Het Element-Object