Свойство event.target

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

Синтаксис

event.target;

Пример

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

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

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

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

Вижте също

свойство event.currentTarget,
съдържащо елемента, към който е свързано събитието
свойство code,
което получава кода на натиснатия клавиш
свойство event.key,
което получава въведения символ