Event atribut atau atribut peristiwa merupakan atribut pada HTML yang digunakan untuk menjalankan sesuatu saat halaman atau elemen HTML memenuhi kondisi tertentu. Misalnya saat halaman HTML pertama kali dimuat (atribut onload), pengguna meletakkan mouse pada elemen HTML (onmouseover), ataupun saat pengguna menekan papan ketik di keyboard (atribut onkeydwon, onkeyup) dan lainnya.
Event atribut sangat berkaitan sekali dengan bahasa web scripting seperti javascript ataupun vbscript. Hal ini disebabkan saat event atribut terpicu, secara otomatis akan mengeksekusi script program yang sudah dibuat. Misalnya pada elemen body pada HTML di beri atribut "onoffline" dengan nilai "alert ('Maaf, koneksi terputus..");". Jika halaman tersebut dijalankan, dan koneksi internet sedang buruk akan memicu tampilan alert pop up 'Maaf, koneksi terputus..', Tampilan alert ini merupakan script yang dibuat melalui javascript.
1. <!DOCTYPE html> 2. <html> 3. <head> 4. <meta charset="utf-8"> 5. <title>Demo event atribut HTML</title> 6. </head> 7. <body onoffline="alert ('Maaf, koneksi internet terputus');"> 8. <p> 9. Silahkan putus koneksi internet anda<br> 10. menu pop up akan muncul.. 11. </p> 12. </body> 13. </html> 14.
Berikut ini berbagai macam event atribut sesuai dengan kriterianya :
Keyboard Event Atribut
Keyboard event atribut merupakan atribut yang terpicu saat pengguna berinteraksi dengan perangkat keyboard.
onkeydown, atribut untuk menjalankan perintah saat tombol sedang ditekan.
onkeypress, atribut untuk menjalankan perintah saat tombol sedang ditekan, setelah event onkeydown terjadi.
onkeyup, atribut untuk menjalankan perintah saat tombol selesai dilepas.
Mouse Event Atribut
Mouse event atribut merupakan atribut yang terpicu saat pengguna berinteraksi dengan perangkat mouse seperti mengarahkan mouse pada layar atau elemen HTML.
onclick, atribut untuk menjalankan perintah saat user melakukan click kiri (single click) pada elemen.
ondblclick, atribut untuk menjalankan perintah saat user melakukan click kiri sebanyak dua kali berturut-turut (double click) pada elemen.
onmousedown, atribut untuk menjalankan perintah saat tombol mouse ditekan pada elemen.
onmouseup, atribut untuk menjalankan perintah saat tombol mouse dilepas pada elemen.
onmouseover, atribut untuk menjalankan perintah saat pointer mouse berada di atas elemen.
onmousemove, atribut untuk menjalankan perintah saat pointer mouse digerakkan diatas elemen.
onmouseout, atribut untuk menjalankan perintah saat pointer mouse meninggalkan elemen.
onwheel, atribut untuk menjalankan perintah saat roda mouse / tombol scroll mouse digerakkan.
oncontexmenu, atribut untuk menjalankan perintah saat tombol kanan mouse ditekan (right-click) yang biasanya memunculkan menu pop-up.
Clipboard Event Atribut
Clipboard event atribut merupakan atribut yang terpicu saat user melakukan kegiatan berhubungan dengan clipboard seperti copy ctrl+c cut ctrl+x paste ctrl+v.
oncopy, atribut untuk menjalankan perintah saat user menyalin elemen atau teks.
oncut, atribut untuk menjalankan perintah saat user menyalin dan menghapus elemen atau teks.
onpaste, atribut untuk menjalankan perintah saat user menempelkan konten elemen atau teks ke elemen lainnya.
Window Event Atribut
Window event atribut merupakan atribut yang berhubungan pada object window (halaman web). Object window terletak pada elemen <body>.
onload, atribut untuk menjalankan perintah saat halaman (object window) selesai dimuat.
onunload, atribut untuk menjalankan perintah saat halaman HTML ditutup pada browser.
onbeforeload, atribut untuk menjalankan perintah saat halaman hendak ditutup (sebelum proses onunload terjadi).
ononline, atribut untuk menjalankan perintah saat koneksi internet sedang / tersambung.
onoffline, atribut untuk menjalankan perintah saat koneksi internet sedang / terputus.
onpagehide, atribut untuk menjalankan perintah saat halaman disembunyikan (ditutup sementara) dan membuka tab baru pada browser.
onpageshow, atribut untuk menjalankan perintah saat halaman ditampilkan kembali setelah disembunyikan sementara pada operasi tab di browser.
onscroll, atribut untuk menjalankan perintah saat dilakukan penggulungan layar (scrolling).
onerror, atribut untuk menjalankan perintah saat terjadi kesalahan (error) sehingga bagian-bagian tertentu tidak dapat dijalankan dengan baik.
onresize, atribut untuk menjalankan perintah saat halaman (object window) dilakukan perubahan ukuran.
onpopstate, atribut untuk menjalankan perintah saat riwayat browser (borwser history) berubah.
onstorage, atribut untuk menjalankan perintah saat terjadi perubahan pada window storage. Window storage merupakan media penyimpanan pada komputer lokal pengguna seperti cookie dan session, namun window storage mempunyai daya simpan sampai 5Mbyte.
Form Event Atribut
Form event atribut merupakan atribut yang berhubungan dengan formulir (elemen form) pada penginputan data untuk di kirim ke server.
onfocus, atribut untuk menjalankan perintah saat user focus pada elemen.
onblur, atribut untuk menjalankan perintah saat user meninggalkan elemen (berpindah pada elemen lain)
oninput, atribut untuk menjalankan perintah saat user memasukkan inputan.
onselect, atribut untuk menjalankan perintah saat user menyeleksi teks pada text area atau input berjenis text (input type="text").
oninput, atribut untuk menjalankan perintah saat user memasukkan inputan.
onchange, atribut untuk menjalankan perintah nilai pada elemen berubah.
onsearch, atribut untuk menjalankan perintah saat user menuliskan sesuatu pada input berjenis search (input type="search").
onreset, atribut untuk menjalankan perintah saat user menekan tombol reset.
onsubmit, atribut untuk menjalankan perintah saat tombol submit ditekan.
oninvalid, atribut untuk menjalankan perintah saat formulir dikirim namun dalam keadaan invalid (cacat/tidak lengkap). Misalnya inputan text area memilikin atribut "required" yang artinya input tersebut tidak boleh kosong, jika user memaksa menekan tombol submit maka atribut oninvalid akan terpicu.
Drag and Drop Event Atribut
Drag and Drop event atribut merupakan atribut yang berhubungan dengan Drag and Drop (seret dan letakan) pada elemen terjadi.
ondragstart, atribut untuk menjalankan perintah saat proses drag and drop akan dilakukan.
ondrag, atribut untuk menjalankan perintah saat elemen digeser/diseret.
ondragenter, atribut untuk menjalankan perintah saat elemen diseret bergerak menuju titik elemen target untuk dilepaskan.
ondragover, atribut untuk menjalankan perintah saat elemen digerakkan diatas elemen target.
ondrop, atribut untuk menjalankan perintah saat elemen dijatuhkan/diletakkan pada elemen target.
ondragend, atribut untuk menjalankan perintah saat proses drag and drop selesai dilakukan.
Media Event Atribut
Media event atribut merupakan atribut yang berhubungan dengan media audio, video dan juga image (gambar).
onplay, atribut untuk menjalankan perintah ketika pemutaran media dimulai.
onplaying, atribut untuk menjalankan perintah ketika pemutaran media sedang berjalan.
onpause, atribut untuk menjalankan perintah ketika pemutaran media dihentikan sementara.
onprogress, atribut untuk menjalankan perintah ketika browser sedang dalam proses mendapatkan media data.
onabort, atribut untuk menjalankan perintah ketika pemutaran media dibatalkan tiba-tiba.
onended, atribut untuk menjalankan perintah ketika pemutaran media sudah berakhir.
onerror, atribut untuk menjalankan perintah ketika terjadi kesalahan seperti file sedang dimuat.
onemptied, atribut untuk menjalankan perintah ketika file media kosong dan dan tidak tersedia.
onstalled, atribut untuk menjalankan perintah ketika browser tiba-tiba tidak dapat membaca media.
onwaiting, atribut untuk menjalankan perintah ketika browser berhenti sementara saat mendapatkan media data.
onseeking, atribut untuk menjalankan perintah ketika proses pencarian track/frame berlangsung.
onseekend, atribut untuk menjalankan perintah ketika proses pencarian track/frame selesai dilakukan.
onvolumechange, atribut untuk menjalankan perintah ketika terjadi perubahan volume suara media.
ondurationchange, atribut untuk menjalankan perintah ketika durasi media berubah.
Previous Page
