Właściwość event.target

Właściwość event.target zawiera element, na którym zadziałało zdarzenie. To nie jest ten element, do którego został powiązany handler tego zdarzenia, a właśnie najgłębszy tag, na który bezpośrednio został, na przykład, wykonany klik.

Składnia

event.target;

Przykład

Załóżmy, że mamy div, a wewnątrz niego akapit. Powiążemy zdarzenie z divem, ale klikniemy w akapit - w tym przypadku event.target będzie zawierać końcowy tag, w którym wydarzyło się zdarzenie - czyli akapit, a nie div. Przekonajmy się o tym za pomocą tagName:

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

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

div.addEventListener('click', function(event) {
	console.log(event.target); // wyświetli referencję do akapitu
});

Zobacz też

właściwość event.currentTarget,
zawierająca element, do którego powiązano zdarzenie
właściwość code,
która uzyskuje kod naciśniętego klawisza
właściwość event.key,
która uzyskuje wprowadzony symbol