Contoh Acara HTML / JavaScript

Contoh penggunaan JavaScript untuk merespon peristiwa.

Peristiwa input

onblur - Apabila pengguna meninggalkan field input
onchange - Apabila pengguna mengubah konten field input
onchange - Apabila pengguna memilih nilai dropdown
onfocus - Apabila field input mendapatkan焦点
onselect - Apabila teks input dipilih
onsubmit - Apabila pengguna mengklik tombol submit
onreset - Apabila pengguna mengklik tombol reset
onkeydown - Apabila pengguna menekan/menahan tombol
onkeypress - Apabila pengguna menekan/menahan tombol
onkeyup - Apabila pengguna melepaskan tombol
onkeyup - Apabila pengguna melepaskan tombol
onkeydown vs onkeyup - Keduanya

Peristiwa mouse

onmouseover/onmouseout - Apabila kursor mouse melintasi elemen
onmousedown/onmouseup - Apabila menekan/lepas butang mouse
onmousedown - Apabila menekan mouse: tampilkan elemen yang ditekan
onmousedown - Apabila meng klik mouse: tampilkan tombol yang ditekan
onmousemove/onmouseout - Apabila pengecut kursor dipindahkan ke dalam/di luar div
onmouseover/onmouseout - Apabila pengecut kursor dipindahkan ke dalam/di luar gambar
onmouseover - Apabila kursor diatas peta gambar

Acara Klik

Reaksi kepada acara onclick
onclick - Apabila butang diclik
ondblclick - Apabila teks diclik dua kali

Acara Muat

onload - Apabila halaman dimuat
onload - Apabila gambar dimuat
onerror - Apabila terjadi kesalahan semasa pemuat gambar
onunload - Apabila dokumen pelayar ditutup
onresize - Apabila saiz tetingkap pelayar diubah

Lain-lain

Kode tombol adalah?
Koordinat kursor adalah?
Koordinat kursor berbanding skrin adalah?
Adakah tombol shift ditekan?
Jenis Acara yang Berlaku?

Pengertian Contoh