event.target касиети

event.target касиети окуя иштеген элементин камтыйт. Бул окуяга байланышкан элемент эмес, тегирээктеги тег, мысалы, түздөн-түз чыкылдатылган тег.

Синтаксис

event.target;

Мисал

Бизде div бар дейли, анын ичинде абзац. Дивге окуяны байлап коёлу, бирок абзацты чыкылдаталы - бул учурда event.target окуя болгон акыркы тегди камтыйт - башкача айтканда, див эмес, абзац. Муну tagName жардамы менен текшеребиз:

<div id="div">
	<p>текст</p>
</div>

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

div.addEventListener('click', function(event) {
	console.log(event.target); // абзацтын шилтемесин чыгарат
});

Ошондой эле караңыз

event.currentTarget касиети,
окуя байланышкан элементин камтыйт
code касиети,
басылган клавиштин кодун алат
event.key касиети,
киргизилген символду алат