Свойство event.target

Свойството event.target съдържа елемента, върху който е задействано събитието. Това не е онзи елемент, към който е бил свързан обработващият на това събитие, а именно най-дълбокия таг, върху който непосредствено е бил, например, направен клик.

Синтаксис

javascriptevent.target;

Пример

Нека имаме div, а вътре в него параграф. Нека свържем събитие към div, но кликнем върху параграфа - в този случай event.target ще съдържа крайния таг, в който се е случило събитието - тоест параграфа, а не div. Нека се убедим в това с помощта на tagName:

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

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

div.addEventListener('click', function(event) {
  console.log(event.target); // ще изведе препратка към параграфа
});

Вижте също