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

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

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

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

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

Zobacz też