Atribut Acara global
HTML 4 menambahkan kemampuan untuk membiarkan peristiwa memicu tindakan dalam browser, seperti memulai JavaScript ketika pengguna mengklik elemen.
Untuk mempelajari lebih lanjut tentang peristiwa pemrograman, kunjungi tutorial JavaScript .
Berikut adalah atribut acara global yang dapat ditambahkan ke elemen HTML untuk menentukan tindakan acara.
= Acara New atribut di HTML5.
Atribut jendela Acara
Peristiwa dipicu untuk objek window (berlaku untuk <body> tag):
| Atribut | Nilai | 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 segera dibongkar |
| onerror | script | Script akan dijalankan bila terjadi kesalahan |
| onhashchange | script | Script akan dijalankan ketika ada perubahan pada jangkar bagian dari URL |
| onload | script | Kebakaran setelah halaman selesai loading |
| onmessage | script | Script akan dijalankan saat pesan tersebut dipicu |
| onoffline | script | Script akan dijalankan ketika browser mulai bekerja secara offline |
| ononline | script | Script akan dijalankan ketika browser mulai bekerja secara online |
| onpagehide | script | Script akan dijalankan ketika pengguna menavigasi jauh dari halaman |
| onpageshow | script | Script akan dijalankan ketika pengguna menavigasi ke halaman |
| onpopstate | script | Script akan dijalankan ketika perubahan sejarah jendela |
| onresize | script | Kebakaran ketika jendela browser adalah ukurannya |
| onstorage | script | Script akan dijalankan ketika area penyimpanan Web diperbarui |
| onunload | script | Kebakaran setelah halaman telah diturunkan (atau jendela browser telah ditutup) |
Form Acara
Peristiwa dipicu oleh tindakan dalam bentuk HTML (berlaku untuk hampir semua elemen HTML, tetapi paling digunakan dalam elemen form):
| Atribut | Nilai | Deskripsi |
|---|---|---|
| onblur | script | Kebakaran saat itu elemen kehilangan fokus |
| onchange | script | Kebakaran saat ketika nilai elemen diubah |
| oncontextmenu | script | Script akan dijalankan ketika menu konteks dipicu |
| onfocus | script | Kebakaran saat ketika elemen mendapat fokus |
| oninput | script | Script akan dijalankan ketika elemen mendapat masukan pengguna |
| oninvalid | script | Script akan dijalankan ketika elemen tidak valid |
| onreset | script | Kebakaran ketika tombol Reset dalam bentuk diklik |
| onsearch | script | Kebakaran ketika pengguna menulis sesuatu di kolom pencarian (untuk <input = "search">) |
| onselect | script | Kebakaran setelah beberapa teks telah dipilih dalam suatu elemen |
| onsubmit | script | Kebakaran ketika formulir dikirimkan |
Keyboard Acara
| Atribut | Nilai | Deskripsi |
|---|---|---|
| onkeydown | script | Kebakaran ketika pengguna menekan tombol |
| onkeypress | script | Kebakaran ketika pengguna menekan tombol |
| onkeyup | script | Kebakaran ketika pengguna melepaskan kunci |
mouse Acara
Peristiwa dipicu oleh mouse, atau tindakan pengguna yang sama:
| Atribut | Nilai | Deskripsi |
|---|---|---|
| onclick | script | Kebakaran pada mouse klik pada elemen |
| ondblclick | script | Kebakaran pada mouse klik ganda pada elemen |
| ondrag | script | Script akan dijalankan ketika elemen diseret |
| ondragend | script | Script akan dijalankan pada akhir operasi drag |
| ondragenter | script | Script akan dijalankan ketika elemen yang terbawa ke target penurunan valid |
| ondragleave | script | Script akan dijalankan ketika elemen meninggalkan target penurunan valid |
| ondragover | script | Script akan dijalankan ketika elemen diseret lebih target penurunan valid |
| ondragstart | script | Script untuk dijalankan pada awal operasi drag |
| ondrop | script | Script akan dijalankan ketika elemen menyeret sedang dijatuhkan |
| onmousedown | script | Kebakaran ketika tombol mouse ditekan ke bawah pada elemen |
| onmousemove | script | Kebakaran saat pointer mouse bergerak sementara itu lebih dari satu elemen |
| onmouseout | script | Kebakaran saat pointer mouse bergerak keluar dari elemen |
| onmouseover | script | Kebakaran saat pointer mouse bergerak lebih elemen |
| onmouseup | script | Kebakaran ketika tombol mouse dilepaskan lebih elemen |
| onmousewheel | script | Usang. Gunakan onwheel atribut bukan |
| onscroll | script | Script akan dijalankan ketika scrollbar unsur ini sedang menggulir |
| onwheel | script | Kebakaran ketika roda mouse gulungan atas atau bawah lebih dari satu elemen |
clipboard Acara
| Atribut | Nilai | Deskripsi |
|---|---|---|
| oncopy | script | Kebakaran ketika pengguna salinan isi dari sebuah elemen |
| oncut | script | Kebakaran ketika pengguna memotong isi elemen |
| onpaste | script | Kebakaran ketika pengguna pasta beberapa konten dalam suatu elemen |
Acara Media
Peristiwa dipicu oleh media seperti video, gambar dan audio (berlaku untuk semua elemen HTML, tetapi paling sering terjadi pada unsur-unsur media, seperti <audio> , <embed> , <img> , <object> , dan <video> ).
Tip: Lihatlah kami HTML Audio dan Video DOM Referensi untuk informasi lebih lanjut.
| Atribut | Nilai | Deskripsi |
|---|---|---|
| onabort | script | Script yang akan dijalankan pada batalkan |
| oncanplay | script | Script akan dijalankan ketika file siap untuk mulai bermain (ketika telah buffered cukup untuk memulai) |
| oncanplaythrough | script | Script akan dijalankan ketika file dapat memainkan semua jalan sampai akhir tanpa berhenti untuk buffering |
| oncuechange | script | Script akan dijalankan ketika perubahan isyarat dalam <track> elemen |
| ondurationchange | script | Script akan dijalankan ketika panjang perubahan Media |
| onemptied | script | Script akan dijalankan ketika sesuatu yang buruk terjadi dan file yang tiba-tiba tidak tersedia (seperti tiba-tiba terputus) |
| onended | script | Script akan dijalankan ketika media memiliki mencapai akhir (acara berguna untuk pesan-pesan seperti "terima kasih untuk mendengarkan") |
| onerror | script | Script akan dijalankan bila terjadi kesalahan ketika file tersebut sedang dimuat |
| onloadeddata | script | Script akan dijalankan ketika data media dimuat |
| onloadedmetadata | script | Script akan dijalankan ketika data meta (seperti dimensi dan durasi) yang dimuat |
| onloadstart | script | Script untuk dijalankan seperti file mulai memuat sebelum hal sebenarnya dimuat |
| onpause | script | Script akan dijalankan ketika media dihentikan sementara oleh pengguna atau pemrograman |
| onplay | script | Script akan dijalankan ketika media siap untuk mulai bermain |
| onplaying | script | Script akan dijalankan ketika media sebenarnya telah mulai bermain |
| onprogress | script | Script akan dijalankan ketika browser sedang dalam proses untuk mendapatkan data media |
| onratechange | script | Script untuk dijalankan setiap kali perubahan tingkat pemutaran (seperti ketika pengguna beralih ke gerakan lambat atau modus maju cepat) |
| onseeked | script | Script akan dijalankan ketika seeking atribut diatur ke false menunjukkan pencarian yang telah berakhir |
| onseeking | script | Script akan dijalankan ketika seeking atribut diatur ke benar menunjukkan pencarian yang aktif |
| onstalled | script | Script akan dijalankan bila browser tidak dapat mengambil data media karena alasan apapun |
| onsuspend | script | Script akan dijalankan saat mengambil data media dihentikan sebelum benar-benar dimuat untuk alasan apapun |
| ontimeupdate | script | Script akan dijalankan ketika posisi bermain telah berubah (seperti ketika pemain depan yang cepat pengguna ke titik yang berbeda di media) |
| onvolumechange | script | Script untuk dijalankan setiap kali volume berubah yang (termasuk pengaturan volume untuk "bisu") |
| onwaiting | script | Script akan dijalankan ketika media telah berhenti namun diperkirakan untuk melanjutkan (seperti ketika media berhenti untuk buffer lebih banyak data) |
Acara misc
| Atribut | Nilai | Deskripsi |
|---|---|---|
| onerror | script | Kebakaran bila terjadi kesalahan saat memuat file eksternal |
| onshow | script | Kebakaran ketika <menu> elemen ditampilkan sebagai menu konteks |
| ontoggle | script | Kebakaran ketika pengguna membuka atau menutup <details> elemen |