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

event.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 :

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

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

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

Voir aussi

la propriété event.currentTarget,
contenant l'élément auquel l'événement est attaché
la propriété code,
qui obtient le code de la touche pressée
la propriété event.key,
qui obtient le caractère saisi