Уласцівасць 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,
якая ўтрымлівае элемент, да якога прывязана падзея
уласцівасць code,
якая атрымлівае код націснутай клавішы
уласцівасць event.key,
якая атрымлівае ўведзены сімвал