event.target касиети

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

Синтаксис

javascriptevent.target;

Мисал

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

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

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

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

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