Свойство event.target содержит элемент, на котором сработало событие. Это не тот элемент, к которому был привязан обработчик этого события, а именно самый глубокий тег, на который непосредственно был, к примеру, совершен клик.

См. урок работа с объектом Event в JavaScript из учебника JavaScript для более полного понимания.

См. также event.currentTarget, содержащий элемент, к которому привязано событие.

Синтаксис

event.target;

Примеры

Пример

Пусть у нас есть div, а внутри него абзац. Привяжем событие к диву, но кликнем по абзацу - в этом случае event.target будет содержать конечный тег, в котором случилось событие - то есть абзац, а не див. Убедимся в этом с помощью tagName:

<div id="div">
	<p>Абзац</p>
</div>
var div = document.getElementById('div');

div.addEventListener('click', function(event) {
	var target = event.target;
	alert(target.tagName); //выведет 'p' - абзац
});