Section Artikel
Atribut Global Event
HTML memiliki kemampuan untuk membiarkan event memicu tindakan di browser, seperti memulai JavaScript saat pengguna mengklik elemen.
Di bawah ini adalah atribut event global yang dapat ditambahkan pada elemen HTML untuk menentukan tindakan event.
Atribut Event Window
Event yang dipicu oleh object window (berlaku untuk tag <body>):
| Atribut | Value | Deskripsi |
|---|---|---|
| onafterprint | script | Script akan dijalankan setelah dokumen dicetak |
| onbeforeprint | script | Script akan dijalankan sebelum dokumen dicetak |
| onbeforeunload | script | Script akan dijalankan ketika dokumen akan dibongkar |
| onerror | script | Script akan dijalankan ketika terjadi kesalahan |
| onhashchange | script | Script akan dijalankan ketika ada perubahan pada bagian anchor dari URL |
| onload | script | Dijalankan setelah halaman selesai memuat |
| onmessage | script | Script akan dijalankan ketika pesan dipicu |
| onoffline | script | Script akan dijalankan ketika browser mulai bekerja secara offline |
| ononline | script | Script akan dijalankan ketika browser mulai bekerja online |
| onpagehide | script | Script akan dijalankan ketika pengguna keluar dari halaman |
| onpageshow | script | Script akan dijalankan ketika pengguna menavigasi ke halaman |
| onpopstate | script | Script akan dijalankan ketika history window berubah |
| onresize | script | Dijalankan saat jendela browser diubah ukurannya |
| onstorage | script | Script akan dijalankan ketika area web storage diperbarui |
| onunload | script | Dijalankan setelah halaman dibongkar (atau jendela browser telah ditutup) |
Event Form
Event yang dipicu oleh tindakan dalam formulir HTML (berlaku untuk hampir semua elemen HTML, tetapi paling sering digunakan dalam elemen form):
| Atribut | Value | Deskripsi |
|---|---|---|
| onblur | script | Dijalankan saat elemen kehilangan fokus |
| onchange | script | Dijalankan saat nilai elemen diubah |
| oncontextmenu | script | Script akan dijalankan ketika menu konteks dipicu |
| onfocus | script | Dijalankan ketika elemen mendapatkan fokus |
| oninput | script | Script akan dijalankan ketika elemen mendapatkan input pengguna |
| oninvalid | script | Script akan dijalankan ketika elemen tidak valid |
| onreset | script | Dijalankan saat tombol Reset dalam bentuk diklik |
| onsearch | script | Dijalankan saat pengguna menulis sesuatu di bidang pencarian (untuk ) |
| onselect | script | Dijalankan setelah beberapa teks telah dipilih dalam sebuah elemen |
| onsubmit | script | Dijalankan saat formulir dikirim |
Event Keyboard
| Atribut | Value | Deskripsi |
|---|---|---|
| onkeydown | script | Dijalankan saat pengguna menekan tombol |
| onkeypress | script | Dijalankan saat pengguna menekan tombol |
| onkeyup | script | Dijalankan saat pengguna melepaskan kunci |
Event Mouse
| Atribut | Value | Deskripsi |
|---|---|---|
| onclick | script | Dijalankan saat klik mouse pada elemen |
| ondblclick | script | Dijalankan saat mouse, klik dua kali pada elemen |
| onmousedown | script | Dijalankan ketika tombol mouse ditekan ke bawah pada sebuah elemen |
| onmousemove | script | Dijalankan saat penunjuk mouse bergerak saat berada di atas elemen |
| onmouseout | script | Dijalankan saat penunjuk mouse bergerak keluar dari sebuah elemen |
| onmouseover | script | Dijalankan saat penunjuk mouse bergerak di atas elemen |
| onmouseup | script | Dijalankan saat tombol mouse dilepaskan di atas elemen |
| onmousewheel | script | Tidak digunakan lagi. Gunakan atribut onwheel sebagai gantinya |
| onwheel | script | Dijalankan saat roda mouse bergerak ke atas atau ke bawah di atas suatu elemen |
Event Drag
| Atribut | Value | Deskripsi |
|---|---|---|
| ondrag | script | Script akan dijalankan saat elemen diseret |
| ondragend | script | Script akan dijalankan di akhir operasi drag |
| ondragenter | script | Script akan dijalankan ketika elemen telah diseret ke target pelepasan yang valid |
| ondragleave | script | Script akan dijalankan ketika sebuah elemen meninggalkan target drop yang valid |
| ondragover | script | Script akan dijalankan ketika elemen diseret ke target drop yang valid |
| ondragstart | script | Script akan dijalankan pada awal operasi drag |
| ondrop | script | Script akan dijalankan ketika elemen yang diseret sedang dijatuhkan |
| onscroll | script | Script akan dijalankan ketika scrollbar elemen sedang di-scroll |
Event Clipboard
| Atribut | Value | Deskripsi |
|---|---|---|
| oncopy | script | Dijalankan saat pengguna menyalin konten elemen |
| oncut | script | Dijalankan saat pengguna memotong konten elemen |
| onpaste | script | Dijalankan saat pengguna menempelkan beberapa konten dalam sebuah elemen |
Event Media
Peristiwa yang dipicu oleh media seperti video, gambar, dan audio (berlaku untuk semua elemen HTML, tetapi paling umum di elemen media, seperti <audio>, <embed>, <img>, <object>, and <video>).
| Atribut | Value | Deskripsi |
|---|---|---|
| onabort | script | Script akan dijalankan saat batal |
| oncanplay | script | Script akan dijalankan ketika file siap untuk mulai diputar (ketika sudah cukup buffer untuk memulai) |
| oncanplaythrough | script | Script akan dijalankan ketika file siap untuk mulai diputar (ketika sudah cukup buffer untuk memulai) |
| oncuechange | script | Script akan dijalankan ketika isyarat berubah dalam elemen |
| ondurationchange | script | Script akan dijalankan ketika panjang media berubah |
| onemptied | script | Script akan dijalankan ketika sesuatu yang buruk terjadi dan file tiba-tiba tidak tersedia (seperti terputus secara tidak terduga) |
| onended | script | Script akan dijalankan ketika media telah mencapai akhir (acara yang berguna untuk pesan seperti “terima kasih telah mendengarkan”) |
| onerror | script | Script akan dijalankan ketika terjadi kesalahan saat file sedang dimuat |
| onloadeddata | script | Script akan dijalankan ketika data media dimuat |
| onloadedmetadata | script | Script akan dijalankan ketika meta data (seperti dimensi dan durasi) dimuat |
| onloadstart | script | Script akan dijalankan tepat saat file mulai dimuat sebelum apa pun benar-benar dimuat |
| onpause | script | Script akan dijalankan saat media dihentikan sementara oleh pengguna atau secara terprogram |
| onplay | script | Script akan dijalankan saat media siap untuk mulai diputar |
| onplaying | script | Script akan dijalankan ketika media benar-benar sudah mulai diputar |
| onprogress | script | Script akan dijalankan saat browser sedang dalam proses mendapatkan data media |
| onratechange | script | Script to be run each time the playback rate changes (like when a user switches to a slow motion or fast forward mode) |
| onseeked | script | Script akan dijalankan ketika atribut seek disetel ke false yang menunjukkan bahwa pencarian telah berakhir |
| onseeking | script | Script akan dijalankan ketika atribut seek diatur ke true yang menunjukkan bahwa pencarian aktif |
| onstalled | script | Script to be run when the browser is unable to fetch the media data for whatever reason |
| onsuspend | script | Script akan dijalankan saat pengambilan data media dihentikan sebelum benar-benar dimuat karena alasan apa pun |
| ontimeupdate | script | Script akan dijalankan ketika posisi bermain telah berubah (seperti ketika pengguna maju cepat ke titik yang berbeda di media) |
| onvolumechange | script | Script akan dijalankan setiap kali volume diubah (termasuk mengatur volume ke “mute”) |
| onwaiting | script | Script akan dijalankan ketika media telah berhenti tetapi diharapkan untuk melanjutkan (seperti ketika media berhenti untuk menyimpan lebih banyak data) |
Event Misc
| Atribut | Value | Deskripsi |
|---|---|---|
| ontoggle | script | Dijalankan saat pengguna membuka atau menutup elemen |
