вопросы пишите мне в телеграмм +375298176892
можно скачать офлайн версию сайта: code.mu old.code.mu

Свойство event.target

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

Синтаксис

event.target

Пример

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

<div id="div"> <p>text</p> </div> let div = document.querySelector('#div'); div.addEventListener('click', function(event) { console.log(event.target); // выведет ссылку на абзац });

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

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