Penanganan Acara DHTML

Anda boleh melaksanakan operasi terhadap elemen apabila peristiwa tertentu berlaku melalui penanganan peristiwa.

Contoh

Keterangan:Sebanyak yang mungkin contoh DHTML memerlukan IE 4.0+, Netscape 7+ atau Opera 7+!

onmouseover dan onmouseout
Bagaimana untuk mengubah warna elemen apabila penuding kursor mouse ke atas dan ke bawah elemen.
onclick
Bagaimana untuk mengubah imej apabila anda mengklik imej, dan kemudian kembali kepada imej asal apabila anda mengklik lagi.
onmousedown dan onmouseup
Sekali sahaja lampu akan berkedip jika anda menekan butang tetikus.
onload
Tampilkan kotak peringatan apabila halaman selesai dimuat.

Penanganan Peristiwa

Dengan penanganan peristiwa, anda boleh melaksanakan operasi terhadap elemen apabila peristiwa tertentu berlaku: apabila pengguna mengklik elemen, apabila halaman dimuat, apabila borang diserahkan, dan sebagainya.

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

Contoh di atas boleh menentukan warna judul berubah kepada merah apabila pengguna mengklik judul.

Anda juga boleh menambahkan skrip di bagian head halaman laman, kemudian panggil fungsi daripada penanganan peristiwa:

<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 Acara HTML 4.0

Peristiwa Berlaku bila...
onabort Pengguna menghentikan muat halaman.
onblur Pengguna meninggalkan objek.
onchange Pengguna mengubah nilai objek.
onclick Pengguna mengklik objek.
ondblclick Pengguna menggandakan klik objek.
onfocus Pengguna mengaktifkan objek.
onkeydown Tekan papan kekunci.
onkeypress Tekan papan kekunci.
onkeyup Lepas papan kekunci.
onload

Halaman selesai dimuatkan.

Keterangan:Dalam Netscape, peristiwa ini akan berlaku semasa halaman dimuatkan.
onmousedown Pengguna menekan tombol mouse.
onmousemove Pemuka mouse bergerak di atas objek.
onmouseover Pemuka mouse bergerak ke atas objek.
onmouseout Pemuka mouse keluar daripada objek.
onmouseup Pengguna melepaskan tombol mouse.
onreset Pengguna menetapkan borang.
onselect Pengguna memilih kandungan di halaman.
onsubmit Pengguna menghantar borang.
onunload Pengguna menutup halaman.