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

Mon nouveau livre Tout JavaScript chez Dunod

En savoir plus
Sortie le 14 novembre 2019

Version papier à 29€90
Format électronique à 22€99.

Commandez en ligne Dunod Fnac Amazon

Le graph des objets Javascript

Chargement
en cours...

Méthode : HTMLElement.removeEventListener()

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

Mon nouveau livre Tout JavaScript chez Dunod

Chercher une fonction, un objet, ...

Le graph des objets Javascript