Уласцівасць 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); // выведзе спасылку на абзац
});

Глядзіце таксама