Penanganan Event DHTML

Anda dapat melakukan operasi terhadap elemen saat terjadi suatu peristiwa melalui penangan event.

Contoh

Keterangan:Sebagian besar contoh DHTML memerlukan IE 4.0+, Netscape 7+ atau Opera 7+!

onmouseover dan onmouseout
Bagaimana cara untuk mengubah warna elemen saat penuding mouse masuk dan keluar dari elemen.
onclick
Bagaimana cara untuk mengubah gambar saat Anda mengklik gambar, dan kemudian kembali ke gambar aslinya saat Anda mengklik lagi.
onmousedown dan onmouseup
Sekali saja lampu akan menyala saat Anda menekan tombol mouse.
onload
Tampilkan kotak dialog saat halaman selesai dimuat.

Penangan Event

Dengan penangan event, Anda dapat melakukan operasi terhadap elemen saat terjadi suatu peristiwa: saat pengguna mengklik elemen, saat halaman dimuat, saat formulir disubmit, dll.

<h1 onclick="style.color='merah'">Klik teks ini</h1>

Contoh di atas dapat menentukan saat pengguna mengklik judul, judul akan berubah warna menjadi merah.

Anda juga dapat menambahkan skrip di bagian head halaman, kemudian panggil fungsi dari penangan event:

<html>
<head>
<script type="text/javascript">
function gantiwarna()
{
document.getElementById('header').style.color="merah"
}
</script>
</head>
<body>
<h1 id="header" onclick="gantiwarna()">Klik teks ini</h1>
</body>
</html>

Penanganan Peristiwa HTML 4.0

Peristiwa Berikutnya terjadi saat...
onabort Pengguna menghentikan muat halaman.
onblur Pengguna meninggalkan objek.
onchange Pengguna mengubah nilai objek.
onclick Pengguna mengklik objek.
ondblclick Pengguna mengklik ganda objek.
onfocus Pengguna mengaktifkan objek.
onkeydown Tekan keyboard.
onkeypress Tekan keyboard.
onkeyup Lepas keyboard.
onload

Halaman selesai dimuat.

Keterangan:Dalam Netscape, peristiwa ini terjadi saat halaman dimuat.
onmousedown Pengguna menekan tombol mouse.
onmousemove Tombol mouse bergerak di atas objek.
onmouseover Tombol mouse bergerak ke atas objek.
onmouseout Tombol mouse mengalir keluar dari objek.
onmouseup Pengguna melepaskan tombol mouse.
onreset Pengguna menyetel formulir.
onselect Pengguna memilih konten di halaman.
onsubmit Pengguna mengirim formulir.
onunload Pengguna menutup halaman.