Properti Event.type mengembalikan string yang menunjukkan tipe dari event, seperti 'mouseout', 'click', 'mouseover', 'mouseout', dll.
Sintaks:
Event.type
Contoh kode di bawah ini informasi ditampilkan sekitar tipe event ketika 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 adalah 'mouseover', jika benar jalankan baris kode:
buttonElem.innerHTML = "Oke sudah dilakukan, sekarang klik tombol ini";
Jika tipe dari event adalah '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, sekarang klik tombol ini";
}else if(event.type === "click") {
alert("Terima kasih telah mengklik tombol ini");
buttonElem.innerHTML = "MouseOver tombol ini kembali";
}
}
</SCRIPT>
