Objet : Event.target

<div class="myDiv">Mon div n°1</div>
<div class="myDiv">Mon div n°2</div>
<div class="myDiv">Mon div n°3</div>
<div class="myDiv">Mon div n°4</div>
<script>
function myDivClick(evt) {
console.log("Clic détecté : passage en fond gris");
evt.target.style.backgroundColor="#ccc";
}

var divs=document.getElementsByClassName("myDiv");
for (var i=0; i<divs.length; i++) {
divs[i].addEventListener("click", myDivClick);
}
</script>

Emulation de la console

Sur tous les éléments de classe myDiv, est appliquée la détection du click avec l'appel de la fonction myDivClick(). L'appel de cette fonction avec en paramètre l'Event associé permet de trouver par target l'élément qui en est à l'origine et ainsi lui affecter une nouvelle couleur de fond.

Dunod Fnac Amazon

Chargement
en cours...