Properti Event.target
mengacu kepada elemen di mana event itu awal mula terjadi.
Sintaks:
Event.target
Sebagai contoh ketika ONCLICK ditugaskan di dalam DIV, kemudian pengguna mengklik DIV itu, lalu terjadilah event 'click', maka DIV itu dipertimbangkan sebagai asal muasal event pertama-pertama mulai -- target dari si-event.
Contoh di bawah ini mengevaluasi suatu kondisi, di dalam kondisi tersebut berisi ketentuan yang apabila target dari event adalah elemen ber-CLASS 'myClass', maka jadikan backgroundColor elemen itu menjadi warna hitam:
<HTML>
<HEAD>
<SCRIPT TYPE="text/javascript">
function checkTarget(event) {
var theTarget=event.target ? event.target : event.srcElement;
if (theTarget.className === "myClass") {
alert("Ya, ini target event yang dimaksud!");
theTarget.style.backgroundColor = "#000000";
}else{
alert("Maaf, ini bukan target event yang dimaksud!");
}
}
</SCRIPT>
</HEAD>
<BODY ONCLICK="checkTarget(event)">
<DIV CLASS="myClass" STYLE="z-index: 1;
background-color: green;
width: 80px;
height: 80px;
position: absolute;
top: 80px;
left: 80px;">
</DIV>
<DIV CLASS="yourClass" STYLE="z-index: 2;
background-color: red;
width: 80px;
height: 80px;
position: absolute;
top: 120px;
left: 130px;">
</DIV>
</BODY>
</HTML>