Event HTML adalah "hal-hal" yang terjadi pada elemen HTML.
Ketika JavaScript digunakan dalam halaman HTML, JavaScript dapat "bereaksi".
Event HTML
Berikut adalah beberapa contoh peristiwa HTML:
- Sebuah halaman web HTML selesai loading
- Field input HTML diubah
- Tombol HTML diklik
Seringkali, ketika peristiwa terjadi, Anda mungkin ingin melakukan sesuatu.
JavaScript memungkinkan Anda mengeksekusi kode ketika peristiwa terdeteksi.
HTML memungkinkan atribut event handler, dengan kode JavaScript, yang akan ditambahkan ke elemen HTML. Dengan tanda kutip tunggal.
Pada contoh berikut, atribut onclick (kode), ditambahkan ke elemen tombol/button:
<button onClick="document.getElementById('demo').innerHTML = Date()">Klik</button>
Dalam contoh di atas, kode JavaScript mengubah isi dari elemen dengan id = "demo".
Pada contoh berikut, kode mengubah isi dari elemen sendiri (menggunakan this.innerHTML):
<button onClick="this.innerHTML = Date()">Klik</button>
Event HTML umum
Berikut adalah daftar dari beberapa peristiwa HTML umum:
| Event | Deskripsi |
|---|---|
| onchange | Sebuah elemen HTML untuk mengubah |
| onclick | Pengguna mengklik elemen HTML |
| onmouseover | Pengguna menggerakkan mouse di atas sebuah elemen HTML |
| onmouseout | Pengguna menggerakkan mouse menjauh dari elemen HTML |
| onkeydown | Pengguna mendorong sebuah tombol keyboard |
| onload | Browser telah selesai loading halaman |
Apa yang bisa JavaScript Lakukan?
Penangan event dapat digunakan untuk menangani, dan memverifikasi, input pengguna, tindakan pengguna, dan tindakan Browser:
- Hal-hal yang harus dilakukan setiap kali loading halaman
- Hal-hal yang harus dilakukan saat halaman ditutup
- Tindakan yang harus dilakukan ketika pengguna mengklik tombol
- Konten yang harus diverifikasi ketika data input pengguna
- Dan lainya...
Banyak metode yang berbeda yang dapat digunakan JavaScript yaitu:
- Atribut event HTML dapat mengeksekusi kode JavaScript secara langsung
- Atribut event HTML dapat memanggil fungsi JavaScript
- Anda dapat menetapkan sendiri fungsi pengendali event Anda ke HTML elemen
- Anda dapat mencegah peristiwa dari yang dikirim atau sedang ditangani
- Dan lainya ...
0 komentar:
Posting Komentar