event.target Özelliği

event.target özelliği, olayın tetiklendiği öğeyi içerir. Bu, olayın dinleyicisinin bağlandığı öğe değil, tam olarak, örneğin doğrudan tıklamanın yapıldığı en derin etikettir.

Sözdizimi

javascriptevent.target;

Örnek

Bir div ve onun içinde bir paragrafımız olduğunu varsayalım. Olayı div'e bağlayalım, ancak paragrafa tıklayalım - bu durumda event.target, olayın gerçekleştiği son etiketi içerecektir - yani div'i değil, paragrafı. Bunu tagName ile kontrol edelim:

html<div id="div">
  <p>metin</p>
</div>

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

div.addEventListener('click', function(event) {
  console.log(event.target); // paragrafa referansı yazdırır
});

Ayrıca Bakınız