Event.target

Event.target - силка на елемент на якому виникла подія.

Синтаксис:

Event.target;

Параметри:

Event - об'єкт Event.

Опис:

target властивість об'єкту Event яка містить силку на елемент на якому на виникла подія. Тобто елемент який викликав подію.

Приклад:

Тест клік

document.getElementById("p").onclick=function(e){
alert(e.target);
}
//клікніть по "Текст клік"

document.getElementById("div").onclick=function(e){
e.preventDefault();
alert( e.target.tagName );
}

document.getElementById('p').onclick=function(el){
  alert(el.target.innerText);
}

Аналогічно можна звертатися до елементу на якому виникла подія за допомогою this:

document.getElementById('p').onclick=function(){alert( this.innerText );}

function click(e){
alert( 'Подія onclick у елементі: '+e.currentTarget.tagName+' id = '+e.currentTarget.id+', визвана подія елементом '+e.target.tagName+' id = '+e.target.id );};

document.getElementById("div").onclick=click;
document.getElementById("p").onclick=click;
var ev = new Event("click",{bubbles:true});
document.getElementById("p").dispatchEvent(ev);