Свойство event.target

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

Синтаксис

javascriptevent.target;

Пример

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

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

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

div.addEventListener('click', function(event) {
  console.log(event.target); // выведет ссылку на абзац
});

Смотрите также