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
event.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:
<div id="div">
<p>metin</p>
</div>
let div = document.querySelector('#div');
div.addEventListener('click', function(event) {
console.log(event.target); // paragrafa referansı yazdırır
});
Ayrıca Bakınız
-
olayın bağlandığı öğeyi içeren
event.currentTargetözelliği -
basılan tuşun kodunu alan
codeözelliği -
girilen karakteri alan
event.keyözelliği
