Méthode : HTMLElement.removeEventListener()

Retire la détection de l'événement de son objet

Syntaxe
objet.removeEventListener(String myEvent, Function ToDo)

Description
Retire de l'objet la détection de l'événement associé.

Exemple Retire l'événement

Code source

<div id="myDiv">Mon div</div>
<script>
function ToDoClick() {
console.log("myDiv est cliqué");
}
function ToDoOver() {
console.log("myDiv est survolé par la souris");
}
document.getElementById("myDiv").addEventListener("click", ToDoClick);
document.getElementById("myDiv").addEventListener("mouseover", ToDoOver);
document.getElementById("myDiv").removeEventListener("mouseover", ToDoOver);
</script>

Résultat

Mon div

Emulation de la console

Explication

Ajoute 2 événements sur le clic et le survol de souris.
Retire l'association de l'événement mouseover et de l'appel à ToDo() sur l'objet HTML myDiv

Page en rapport
Introduction au DHTML

Page mise à jour le 25/08/2017