Propriété event.target

La propriété event.target contient l'élément sur lequel l'événement s'est déclenché. Ce n'est pas l'élément auquel le gestionnaire de cet événement était attaché, mais précisément la balise la plus profonde sur laquelle un clic a été effectué, par exemple.

Syntaxe

javascriptevent.target;

Exemple

Supposons que nous ayons un div, et à l'intérieur un paragraphe. Attachons un événement au div, mais cliquons sur le paragraphe - dans ce cas event.target contiendra la balise finale dans laquelle l'événement s'est produit - c'est-à-dire le paragraphe, et non le div. Vérifions ceci à l'aide de tagName :

html<div id="div">
  <p>text</p>
</div>

javascriptlet div = document.querySelector('#div');

div.addEventListener('click', function(event) {
  console.log(event.target); // affichera une référence au paragraphe
});

Voir aussi