Monday, December 31, 2012

target

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>