Panduan Referensi Event HTML

Rekomendasi Kursus:

Properti Global Peristiwa

HTML memiliki kemampuan untuk mengaktifkan aksi di browser saat pengguna menekan elemen, seperti meluncurkan JavaScript saat elemen diklik. Panduan JavaScriptUntuk mendapatkan informasi lebih lanjut tentang peristiwa pemrograman, kunjungi

.

Berikut adalah properti global peristiwa yang dapat ditambahkan ke elemen HTML untuk mendefinisikan operasi peristiwa.

Properti Peristiwa Window

Atribut Nilai Deskripsi
Peristiwa yang diaktifkan untuk objek window (diterapkan untuk tag <body>): script Skrip yang dijalankan setelah dokumen dicetak.
onbeforeprint script Skrip yang dijalankan sebelum dokumen dicetak.
onbeforeunload script Skrip yang dijalankan sebelum dokumen diunduh.
onerror script Skrip yang dijalankan saat terjadi kesalahan.
onhaschange script Skrip yang dijalankan saat dokumen berubah.
onload script Dikembalikan setelah halaman selesai diunduh.
onmessage script Skrip yang dijalankan saat pesan diaktifkan.
onoffline script Skrip yang dijalankan saat dokumen menjadi offline.
ononline script Skrip yang dijalankan saat dokumen dijalankan online.
onpagehide script Skrip yang dijalankan saat jendela disembunyikan.
onpageshow script Skrip yang dijalankan saat jendela menjadi terlihat.
onpopstate script Skrip yang dijalankan saat riwayat jendela berubah.
onredo script Skrip yang dijalankan saat dokumen melaksanakan undo (redo).
onresize script Dikembalikan saat ukuran jendela browser diubah.
onstorage script Skrip yang dijalankan setelah area Web Storage diperbarui.
onundo script Skrip yang dijalankan saat dokumen melaksanakan undo.
onunload script Dikembalikan setelah halaman telah diunduh (atau jendela browser telah ditutup).

Peristiwa Form

Peristiwa yang diaktifkan oleh aksi dalam formulir HTML (diterapkan untuk hampir semua elemen HTML, tetapi paling sering digunakan di dalam elemen form):

Atribut Nilai Deskripsi
onblur script Skrip yang dijalankan saat elemen kehilangan fokus.
onchange script Skrip yang dijalankan saat nilai elemen berubah.
oncontextmenu script Skrip yang dijalankan saat menu konteks diaktifkan.
onfocus script Skrip yang dijalankan saat elemen menerima fokus.
onformchange script Skrip yang dijalankan saat formulir berubah.
onforminput script Skrip yang dijalankan saat formulir menerima input pengguna.
oninput script Skrip yang dijalankan saat elemen menerima input pengguna.
oninvalid script Skrip yang dijalankan saat elemen tidak berlaku.
onreset script Dialihkan saat tombol reset di formulir ditekan. Tidak didukung di HTML5.
onselect script Dialihkan saat teks di elemen diambil.
onsubmit script Dialihkan saat formulir disubmit.

Peristiwa Keyboard

Atribut Nilai Deskripsi
onkeydown script Dialihkan saat pengguna menekan tombol.
onkeypress script Dialihkan saat pengguna menekan tombol.
onkeyup script Dialihkan saat pengguna melepaskan tombol kunci.

Peristiwa Mouse

Peristiwa yang diaktifkan oleh gerakan mouse atau aksi pengguna yang serupa:

Atribut Nilai Deskripsi
onclick script Dialihkan saat terjadi klik mouse di atas elemen.
ondblclick script Dialihkan saat terjadi klik ganda mouse di atas elemen.
ondrag script Skrip yang dijalankan saat elemen digerakkan.
ondragend script Skrip yang dijalankan saat operasi gerak selesai.
ondragenter script Skrip yang dijalankan saat elemen sudah digerakkan ke area pengangkutan yang berlaku.
ondragleave script Skrip yang dijalankan saat elemen meninggalkan tujuan pengangkutan yang berlaku.
ondragover script Skrip yang dijalankan saat elemen sedang digerakkan ke tujuan pengangkutan yang berlaku.
ondragstart script Skrip yang dijalankan saat operasi gerak dimulai.
ondrop script Skrip yang dijalankan saat elemen yang digerakkan sedang diangkut.
onmousedown script Dialihkan saat tombol mouse ditekan di atas elemen.
onmousemove script Dialihkan saat penunjuk mouse berada di atas elemen.
onmouseout script Dialihkan saat penunjuk mouse keluar dari elemen.
onmouseover script Dialihkan saat penunjuk mouse berada di atas elemen.
onmouseup script Dialihkan saat tombol mouse dilepas di elemen.
onmousewheel script Skrip yang dijalankan saat roda tetikus mouse sedang digerakkan.
onscroll script Skrip yang dijalankan saat trol bar elemen digerakkan.

Peristiwa Media

Peristiwa yang diaktifkan oleh media (seperti video, gambar, dan audio): berlaku untuk semua elemen HTML, tetapi sering terjadi di elemen media, seperti <audio>, <embed>, <img>, <object> dan <video>.

Atribut Nilai Deskripsi
onabort script Skrip yang dijalankan saat keluar
oncanplay script Skrip yang dijalankan saat file siap dimainkan (dengan pengembalian yang cukup untuk memulai)
oncanplaythrough script Skrip yang dijalankan saat media dapat dimainkan hingga akhir tanpa perlu berhenti karena pengembalian
ondurationchange script Skrip yang dijalankan saat panjang media berubah
onemptied script Skrip yang dijalankan saat terjadi gangguan dan file tiba-tiba tidak tersedia (misalnya koneksi terputus dengan kesalahan)
onended script Skrip yang dijalankan saat media mencapai akhir (dapat mengirim pesan seperti 'Terima kasih telah menonton')
onerror script Skrip yang dijalankan saat terjadi kesalahan selama pengunggahan file
onloadeddata script Skrip yang dijalankan saat data media diunggah
onloadedmetadata script Skrip yang dijalankan saat metadata (seperti resolusi dan durasi) diunggah
onloadstart script Skrip yang dijalankan saat file dimulai untuk diunggah tetapi belum ada data yang sebenarnya diunggah
onpause script Skrip yang dijalankan saat media dihenti oleh pengguna atau program
onplay script Skrip yang dijalankan saat media siap dimainkan
onplaying script Skrip yang dijalankan saat media mulai bermain
onprogress script Skrip yang dijalankan saat browser sedang mengambil data media
onratechange script Skrip yang dijalankan setiap kali laju pemutaran berubah (misalnya saat pengguna berubah ke mode permainan lambat atau mode memutar cepat)
onreadystatechange script Skrip yang dijalankan setiap kali status siap berubah (monitoring status data media)
onseeked script Skrip yang dijalankan saat atribut seeking diatur ke false (menunjukkan bahwa penempatan sudah selesai)
onseeking script Skrip yang dijalankan saat atribut seeking diatur ke true (menunjukkan bahwa penempatan adalah aktif)
onstalled script Skrip yang dijalankan saat browser tidak dapat mengambil data media karena alasan apapun
onsuspend script Skrip yang dijalankan saat pengambilan data media dihentikan karena alasan apapun sebelum data media sepenuhnya diunggah
ontimeupdate script Skrip yang dijalankan saat posisi pemutaran berubah (misalnya saat pengguna memindahkan ke posisi yang berbeda di media)
onvolumechange script Skrip yang dijalankan setiap kali volume berubah (termasuk mengatur volume ke silen)
onwaiting script Ketika media telah berhenti bermain tetapi berencana untuk melanjutkan bermain (misalnya saat media di pause untuk mengembalikan data yang di缓冲)