Description La propriété target est l'objet HTMLElement sur lequel l'événement s'est produit.
La propriété target est très utile pour trouver l'objet qui est à l'origine de l'événement.
Exemple 1 : Usage de target
Code source
<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";
}
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.
En savoir plus
