event.target

event.target özelliği, Olay'ın yönlendirildiği hedef elementin referansını verir.

Sözdizimi

nesne = event.target

Dönüş Değeri

nesne

Hedef elementin referansı.

Aşağıdaki örnek, içiçe eklenmiş DIV elementlerinde onclick olayının akış yönünü sırasıyla göstermektedir.


<div id="divAna" style="width:200px; background-color:#0077CC; 
    color:white; font-weight:bold; text-align:center; padding:15px;">
    
    <div id="div1" style="background-color:#1188DD; padding:15px;">
        <div id="div2" style="background-color:#2299EE; padding:15px;">
            <div id="div3" style="background-color:#33AAFF; padding:15px;">
                <b>Tıkla bana!</b><br/>
            </div>
        </div>
    </div>
    
</div>

<script type="text/javascript">

function olayBilgi(event) {
    var yazilacak = "event.target : " + event.target;
      yazilacak += "\nevent.target.id : " + event.target.id;
      yazilacak += "\nevent.currentTarget.id : " + event.currentTarget.id;
      yazilacak += "\nevent.target.style.backgroundColor : " + event.target.style.backgroundColor;
    
    alert(yazilacak);
}

document.getElementById('divAna').onclick = olayBilgi;
document.getElementById('div1').onclick = olayBilgi;
document.getElementById('div2').onclick = olayBilgi;
document.getElementById('div3').onclick = olayBilgi;
</script>

Test Edin

Tıkla bana!

İlgili Başlıklar

event.currentTarget