Download Source Code Aplikasi

Target

Saturday, September 7th, 2019 - HTML DOM » Event

Properti Event.target mengacu kepada elemen di mana event itu awal mula terjadi.

Sintaks:

Event.target

Sebagai pola saat ONCLICK ditugaskan di dalam DIV, kemudian pengguna mengklik DIV itu, kemudian terjadilah event ‘click’, maka DIV itu dipertimbangkan sebagai asal muasal event pertama-pertama mulai — sasaran dari si-event.

Contoh di bawah ini mengevaluasi suatu kondisi, di dalam kondisi tersebut berisi ketentuan yang apabila sasaran dari event ialah 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 sasaran event yang dimaksud!"); theTarget.style.backgroundColor = "#000000"; }else{ alert("Maaf, ini bukan sasaran 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>
Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
Download Source Code Aplikasi
Target | Ahmad Code | 4.5