HTML - Referensi Acara
Saat pengguna mengunjungi situs web Anda, mereka melakukan hal-hal seperti mengeklik berbagai tautan, mengarahkan mouse ke teks dan gambar, dll. Ini adalah contoh dari apa yang kami sebut peristiwa dalam JavaScript dan terminologi VBScript.
Kita dapat menulis penangan peristiwa kita menggunakan JavaScript atau VBScript dan dapat menentukan beberapa tindakan yang akan diambil terhadap peristiwa ini. Meskipun ini adalah acara, tetapi mereka akan ditentukan sebagai atribut untuk tag HTML.
Spesifikasi HTML 4.01 telah menentukan 19 peristiwa tetapi kemudian HTML-5 telah menambahkan banyak peristiwa lain yang telah kami cantumkan di sini -
Atribut Peristiwa Jendela
Peristiwa berikut telah diperkenalkan di versi HTML yang lebih lama tetapi semua tag yang ditandai
| Acara | HTML-5 | Deskripsi |
|---|---|---|
| setelah dicetak |
|
Pemicu setelah dokumen dicetak |
| onbeforeprint |
|
Pemicu sebelum dokumen dicetak |
| onbeforeonload |
|
Pemicu sebelum dokumen dimuat |
| onerror |
|
Dipicu saat terjadi kesalahan |
| onhaschange |
|
Dipicu saat dokumen telah diubah |
| onload | Dipicu saat dokumen dimuat | |
| onmessage |
|
Dipicu saat pesan dipicu |
| online |
|
Dipicu saat dokumen offline |
| online |
|
Dipicu saat dokumen online |
| onpagehide |
|
Dipicu saat jendela disembunyikan |
| onpageshow |
|
Terpicu saat jendela menjadi terlihat |
| onpopstate |
|
Dipicu saat riwayat jendela berubah |
| onredo |
|
Dipicu saat dokumen melakukan pengulangan |
| satu ukuran |
|
Dipicu saat jendela diubah ukurannya |
| onstorage |
|
Dipicu saat dokumen dimuat |
| onundo |
|
Dipicu saat dokumen melakukan pengurungan |
| onunload | Dipicu saat pengguna meninggalkan dokumen |
Bentuk Acara
Tag berikut telah diperkenalkan di versi HTML yang lebih lama tetapi semua tag yang ditandai
| Acara | HTML-5 | Deskripsi |
|---|---|---|
| onblur | Dipicu saat jendela kehilangan fokus | |
| dalam perubahan | Dipicu saat elemen berubah | |
| oncontextmenu |
|
Terpicu saat menu konteks dipicu |
| sedang fokus | Dipicu saat jendela fokus | |
| onformchange |
|
Terpicu saat formulir berubah |
| onforminput |
|
Dipicu saat formulir mendapat masukan pengguna |
| oninput |
|
Dipicu saat elemen mendapatkan input pengguna |
| oninvalid |
|
Dipicu saat elemen tidak valid |
| onreset | Terpicu saat formulir disetel ulang | |
| onselect | Dipicu saat elemen dipilih | |
| onsubmit | Dipicu saat formulir dikirim |
Acara Keyboard
| Acara | HTML-5 | Deskripsi |
|---|---|---|
| onkeydown | Terpicu saat tombol ditekan | |
| onkeypress | Terpicu saat tombol ditekan dan dilepaskan | |
| onkeyup | Terpicu saat kunci dilepaskan |
Acara Mouse
Tag berikut telah diperkenalkan di versi HTML yang lebih lama tetapi semua tag yang ditandai
| Acara | HTML-5 | Deskripsi |
|---|---|---|
| onclick | Dipicu saat klik mouse | |
| ondblclick | Memicu klik dua kali pada mouse | |
| ondrag |
|
Dipicu saat elemen ditarik |
| ondragend |
|
Pemicu di akhir operasi seret |
| ondragenter |
|
Dipicu saat elemen telah diseret ke target pelepasan yang valid |
| ondragleave |
|
Dipicu saat elemen meninggalkan target penurunan yang valid |
| ondragover |
|
Dipicu saat elemen diseret ke target penurunan yang valid |
| ondragstart |
|
Memicu di awal operasi seret |
| ondrop |
|
Dipicu saat elemen yang diseret sedang dijatuhkan |
| onmousedown | Dipicu saat tombol mouse ditekan | |
| onmousemove | Terpicu saat penunjuk mouse bergerak | |
| onmouseout | Dipicu saat penunjuk mouse bergerak keluar dari sebuah elemen | |
| onmouseover | Dipicu saat penunjuk mouse bergerak di atas elemen | |
| onmouseup | Terpicu saat tombol mouse dilepaskan | |
| onmousewheel |
|
Terpicu saat roda mouse diputar |
| onscroll |
|
Dipicu saat scrollbar elemen sedang di-scroll |
Acara Media
Tag berikut telah diperkenalkan di versi HTML yang lebih lama tetapi semua tag yang ditandai
| Acara | HTML-5 | Deskripsi |
|---|---|---|
| onabort | Pemicu acara pembatalan | |
| oncanplay |
|
Dipicu saat media dapat mulai diputar, tetapi mungkin harus berhenti untuk buffering |
| oncanplaythrough |
|
Memicu saat media bisa diputar sampai akhir, tanpa berhenti untuk buffering |
| ondurationchange |
|
Dipicu saat panjang media diubah |
| satu kali dikosongkan |
|
Dipicu saat elemen sumber daya media tiba-tiba menjadi kosong. |
| onended |
|
Memicu saat media telah mencapai akhir |
| onerror |
|
Dipicu saat terjadi kesalahan |
| onloadeddata |
|
Dipicu saat data media dimuat |
| onloadedmetadata |
|
Dipicu saat durasi dan data media lain dari elemen media dimuat |
| onloadstart |
|
Dipicu saat browser mulai memuat data media |
| onpause |
|
Terpicu saat data media dijeda |
| onplay |
|
Dipicu saat data media akan mulai diputar |
| onplaying |
|
Dipicu saat data media mulai diputar |
| dalam proses |
|
Dipicu saat browser mengambil data media |
| satu perubahan |
|
Dipicu saat kecepatan pemutaran data media telah berubah |
| onreadystatechange |
|
Terpicu saat status siap berubah |
| onseeked |
|
Dipicu saat atribut pencarian dari elemen media tidak lagi benar, dan pencarian telah berakhir |
| onseeking |
|
Dipicu saat atribut pencarian dari elemen media benar, dan pencarian telah dimulai |
| terpasang |
|
Dipicu saat ada kesalahan dalam mengambil data media |
| onsuspend |
|
Dipicu saat browser telah mengambil data media, tetapi berhenti sebelum seluruh file media diambil |
| ontimeupdate |
|
Terpicu saat media mengubah posisi bermainnya |
| onvolumechange |
|
Dipicu saat media mengubah volume, juga saat volume disetel ke "bisu" |
| menunggu |
|
Dipicu saat media berhenti diputar, tetapi diperkirakan akan dilanjutkan |