Belajar HTML Event Attributes

Event attribute adalah HTML atribut yang digunakan untuk menjalankan perintah script yang secara umum dapat digunakan pada semua elemen HTML.


Deskripsi
Mengenai Event Attributes

HTML event attributes adalah attribute di dalam HTML yang berisi perintah untuk menjalankan script (JavaScript). Jelas, ini berkaitan dengan JavaScript yang sebelumnya harus dipelajari terlebih dahulu. Event sendiri berarti peristiwa yang mana peristiwa tersebut melekat pada HTML element sebagai attribute, baik itu tanpa atau setelah ada interaksi dari user seperti menjalankan script ketika loading halaman, menjalankan script ketika user mengklik tombol button pada HTML element <button> dan lain sebagainya.


HTML Events Attribute
Daftar Lengkap

Berikut adalah daftar macam-macam HTML event attributes yang diurutkan berdasarkan abjad (A-Z), untuk memudahkan penelusuran. Halaman ini dijadikan referensi Events Attribute yang akan diupdate secara berkala untuk melengkapi dan menyempurnakannya.

Attribute Contoh Deskripsi
onabort Instruksi untuk menjalankan script ketika sumber (media atau file) digagalkan (abort) ketika loading
onafterprint Contoh Instruksi untuk menjalankan script ketika dokumen (halaman) selesai dicetak (print)
onbeforeprint Instruksi untuk menjalankan script sebelum dokumen (halaman) dicetak (print)
onbeforeunload Contoh Instruksi untuk menjalankan script ketika sebuah halaman web hendak ditutup. Artinya, sebelum di-unload (tutup)
onblur Menginstruksikan sebuah peristiwa dimana sebuah elemen kehilangan fokus (kabur).
oncanplay Instruksi untuk menjalankan script ketika sebuah file atau media (video, audio) dapat dimainkan
oncanplaythrough Instruksi untuk menjalankan script ketika sebuah file atau media (video, audio) dapat dimainkan dari awal hingga akhir tanpa Jeda (pause) untuk Buffering
onchange Menginstruksikan sebuah peristiwa ketika value (nilai) atau bisa juga konten dari sebuah element berubah.
onclick Instruksi untuk menjalankan script ketika sebuah element diklik atau disentuh.
oncontextmenu Instruksi untuk menjalankan script ketika sebuah konteks menu dipicu (dijalankan). Yaitu, ketika user mengklik kanan sebuah element
oncopy Instruksi untuk menjalankan script ketika user menyalin (copy) konten sebuah element
oncuechange Instruksi untuk menjalankan script ketika cue berubah pada element <track>
oncut Instruksi untuk menjalankan script ketika user memotong (cut) kontent sebuah element
ondblclick Instruksi untuk menjalankan script ketika user mengklik dua kali (double-click) sebuah element
ondrag Instruksi untuk menjalankan script ketika element di-drag (diseret)
ondragend Instruksi untuk menjalankan script pada saat akhir (end) tindakan men-drag element
ondragenter Instruksi untuk menjalankan script ketika sebuah element memasuki target drop element yang valid (benar)
ondragleave Instruksi untuk menjalankan script ketika sebuah element meninggalkan target drop element yang valid (benar)
ondragover Instruksi untuk menjalankan script ketika sebuah element berada pada target drop element yang valid (benar)
ondragstart Instruksi untuk menjalankan script ketika memulai tindakan untuk mend-drag sebuah element
ondrop Instruksi untuk menjalankan script ketika element yang di-drag telah di-drop (diletakkan)
ondurationchange Instruksi untuk menjalankan script ketika durasi (length) sebuah media element berubah
onemptied Instruksi untuk menjalankan script ketika kosong (seperti file tidak tersedia karena koneksi internet putus)
onended Instruksi untuk menjalankan script ketika sebuah media element berakhir. Seperti video telah berakhir diputar.
onerror Contoh Instruksi untuk menjalankan script ketika error terjadi, seperti kesalahan me-load external file
onfocus Instruksi untuk menjalankan script ketika fokus pada sebuah element
onhashchange Instruksi untuk menjalankan script ketika ada perubahan di bagian anchor pada sebuah URL
oninput Instruksi untuk menjalankan script ketika sebuah element mendapatkan inputan dari user
oninvalid Instruksi untuk menjalankan script ketika sebuah element tidak valid (berlaku)
onkeydown Instruksi untuk menjalankan script ketika user sedang menekan menekan tombol papan kunci (keyboard), yaitu pada saat masih ditekan sebelum dilepaskan.
onkeypress Instruksi untuk menjalankan script ketika user menekan tombol papan kunci (keyboard)
onkeyup Instruksi untuk menjalankan script ketika user melepaskan tombol papan kunci (keyboard)
onload Instruksi untuk menjalankan script ketika sebuah halaman selesai loading
onloadeddata Instruksi untuk menjalankan script ketika data sebuah media di load
onloadedmetadata Instruksi untuk menjalankan script ketika meta data sebuah media file (seperti dimensi dan durasi (video dan audio)) di load
onloadstart Instruksi untuk menjalankan script ketika sebuah file mulai di-load sebelum me-load file lainnya.
onmessage Instruksi untuk menjalankan script ketika pesan (message)tertentu dicetuskan (dijalankan)
onmousedown Instruksi untuk menjalankan script ketika tombol mouse di tekan (diklik) pada sebuah element
onmousemove Instruksi untuk menjalankan script ketika pointer mouse digerakkan disekitar element
onmouseout Instruksi untuk menjalankan script ketika pointer mouse pindah tempat dari sebuah element
onmouseover Instruksi untuk menjalankan script ketika pointer dari mouse berada pada sebuah element
onmouseup Instruksi untuk menjalankan script ketika tombol mouse dilepaskan (Setelah diklik/ditekan) pada sebuah element
onoffline Contoh Instruksi untuk menjalankan script ketika browser menyatakan offline (Tidak terhubung dengan internet)
ononline Contoh Instruksi untuk menjalankan script ketika browser menyatakan online (Terhubung dengan internet)
onpagehide Instruksi untuk menjalankan script ketika sebuah halaman disembunyikan (hidden), seperti pindah dari halaman satu ke halaman yang lain
onpageshow Instruksi untuk menjalankan script ketika sebuah halaman ditampilkan (show)
onpaste Instruksi untuk menjalankan script ketika user menimpa (paste) konten sebuah element
onpause Instruksi untuk menjalankan script ketika user atau program menjeda (pause) sebuah media (video, audio)
onplay Instruksi untuk menjalankan script ketika media (video, audio) siap untuk diputar (dimainkan)
onplaying Instruksi untuk menjalankan script ketika sebuah media sedang dimainkan (diputar)
onpopstate Instruksi untuk menjalankan script ketika jendela history (window's history) berubah
onprogress Instruksi untuk menjalankan script ketika browser dalam proses mengambil media data
onratechange Instruksi untuk menjalankan script setiap kali kecepatan media playback berubah (seperti manakala user memutar video pada mode cepat (fast forward) dan slow motion)
onreset Instruksi untuk menjalankan script ketika tombol reset pada sebuah form diklik (ditekan)
onresize Instruksi untuk menjalankan script ketika jendela browser diperbesar atau diperkecil
onscroll Instruksi untuk menjalankan script ketika scrollbar pada sebuah element digulung (keatas dan kebawah)
onsearch Instruksi untuk menjalankan script ketika ketika user menginput (mengetik) apapun pada kotak pencarian (HMTL element: <input="search">)
onseeked Instruksi untuk menjalankan script ketika attribute seeking di-set menjadi false yang menunjukkan telah berakhir
onseeking Instruksi untuk menjalankan script ketika attribute seeking di-set menjadi true yang menunjukkan sedang aktif
onselect Instruksi untuk menjalankan script ketika menyeleksi beberapa teks pada sebuah element
onshow Instruksi untuk menjalankan script ketika element <menu> ditampilkan pada konteks menu (menu yang muncul dengan mengklik kanan sebuah element)
onstalled Instruksi untuk menjalankan script ketika browser tidak dapat memperoleh media data tanpa alasan apapun.
onstorage Instruksi untuk menjalankan script ketika area Web Storage diperbaharui (updated)
onsubmit Instruksi untuk menjalankan script ketika sebuah form dikirim (biasanya dengan mengklik tombol submit)
onsuspend Instruksi untuk menjalankan script ketika browser berhenti bekerja pada saat mengambil media data sebelum media tersebut sempurna diperoleh (di-load)
ontimeupdate Instruksi untuk menjalankan script ketika waktu diperbaharui. Seperti user menggeser slider untuk mempercepat video atau audio, sehingga waktu putar diperbaharui
ontoggle Instruksi untuk menjalankan script ketika user membuka atau menutup HTML element <details>
onunload Instruksi untuk menjalankan script ketika sebuah halaman atau jendela browser telah di-unload (tutup)
onvolumechange Instruksi untuk menjalankan script setiap kali volume pada media putar (video, audio) berubah (memperbesar atau memperkecil volume) termasuk membisukkan (mute)
onwaiting Instruksi untuk menjalankan script ketika sebuah media paused (berhenti sejenak) dan kemungkinan dapat dimainkan kembali (resume). Keadaan sedang menunggu
onwheel Instruksi untuk menjalankan script ketika roda putaran (wheel) pada mouse digulung (keatas atau kebawah) pada sebuah element

Additional Information and Resources

SHARE