Retourner à la page d'accueil de TJS

Méthode : HTMLElement.addEventListener()

          

Ajoute un événement à traiter sur l'objet

Syntaxe
objet.addEventListener(String myEvent, Function ToDo)

Description
Créé un détecteur de l'événement myEvent sur l'objet et lance la fonction ToDo() dès que l'événement est déclenché.
Permet de créer des événements par programmation
Un événement créé peut être supprimé par removeEventListener().

La chaîne myEvent est une chaîne précise facile à trouver. Tous les attributs
HTML onMyEvent deviennent la chaîne MyEvent : onload devient donc load.


Exemple Equivalent onclick et click
Code source
<style type="text/css">
.myDiv {cursor:pointer;}
.divBlack{background-color:#000;  color:#fff;}
</style>
<div id="myDiv1" class="myDiv" onclick="black1(this)">Mon div 1 : L'événement click est déclaré dans le code HTML par onclick</div>
<script>
function black1(o) {
 o.className="divBlack";
}
</script>

<div id="myDiv2" class="myDiv">Mon div 2 : l'événement click est ajouté par addEventListener("click")</div>
<script>
document.getElementById("myDiv2").addEventListener("click", black2);
function black2(evenement) {
 evenement.target.className="divBlack";
}
</script>

Résultat
Mon div 1 : L'événement click est déclaré dans le code HTML par onclick
Mon div 2 : l'événement click est ajouté par addEventListener("click")
Emulation de la console
Explication
Gestion de click dans les attributs dans myDiv1 ou par programmation sur myDiv2.
Page mise à jour le

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...

Le guide complet du javascript

Le Guide Complet du JavascriptEn savoir plus sur mon livre aux Editions Micro Application
Le 18/11/2017 13:00:15 sur php7 en 71.5 ms