Categories: HTML DOM » Event

Type

Properti Event.type mengembalikan string yang mengatakan tipe dari event, menyerupai ‘mouseout’, ‘click’, ‘mouseover’, ‘mouseout’, dll.

Sintaks:

Event.type

Contoh isyarat di bawah ini isu ditampilkan sekitar tipe event dikala anda MouseOver, MouseOut, atau Click elemen DIV:

<SCRIPT TYPE="text/javascript"> function getEventType(event) { var Out = document.getElementById("Info"); Out.innerHTML = event.type; } </SCRIPT> <DIV STYLE="background-color: green; width: 300px; height: 50px; margin:0 auto;" ONMOUSEOVER="getEventType(event)" ONCLICK="getEventType(event)" ONMOUSEOUT="getEventType(event)"> <DIV STYLE="font-size: 35px;text-align: center;" ID="Info"></DIV> </DIV>

Contoh di bawah ini menguji apakah tipe dari event yakni ‘mouseover’, jikalau benar jalankan baris kode:

buttonElem.innerHTML = "Oke sudah dilakukan, kini klik tombol ini";

Jika tipe dari event yakni ‘click’, jalankan baris kode:

alert("Terima kasih telah mengklik tombol ini"); buttonElem.innerHTML = "MouseOver tombol ini kembali";

Kodenya:

<BUTTON ONMOUSEOVER="getEventType(event)" ONCLICK="getEventType(event)">MouseOver tombol ini</BUTTON> <SCRIPT TYPE="text/javascript"> function getEventType(event) { var buttonElem = document.getElementsByTagName("button")[0]; if (event.type === "mouseover") { buttonElem.innerHTML = "Oke sudah dilakukan, kini klik tombol ini"; }else if(event.type === "click") { alert("Terima kasih telah mengklik tombol ini"); buttonElem.innerHTML = "MouseOver tombol ini kembali"; } } </SCRIPT>

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.

Ahmad Code