Event.target

Résumé

C'est une référence à l'objet qui a envoyé l'événement. C'est une propriété différente de event.currentTarget lorsque le gestionnaire d'événements est appelé au cours de la phase de bouillonnement ou de la phase de capture de l'événement.

Syntaxe

laCible = event.target

Exemple

La propriété event.target peut être utilisée pour implémenter la délégation d'événements.

// En supposant qu'il existe une variable 'list' contenant une instance d'un élément HTML ul.
function hide(e) {
  // A moins que les éléments de list soit séparés par une marge, e.target devrait être différent de e.currentTarget
  e.target.style.visibility = 'hidden';
}

list.addEventListener('click', hide, false);

// Si un élément (élément <li> ou un lien dans un <li>) est cliqué, il disparaîtra.
// Un simple écouteur est requis pour faire ça.

Compatibilité des navigateurs

Sur IE6-8, le modèle d'événement est différent. Les écouteurs sont attachés avec la méthode non standard element.attachEvent(). Dans ce modèle, l'objet événement a une propriété  srcElement, à la place de la propriété target, avec la même sémantique que event.target.

function hide(e) {
  // Support IE6-8
  var target = e.target || e.srcElement;
  target.style.visibility = 'hidden';
}

Spécification

DOM Level 2 Events: Event.target

Voir aussi

Comparison of Event Targets