Sebuah Javascript dapat dieksekusi ketika sebua event terjadi, seperti ketika user meng-klik sebuah element pada HTML.
Contoh Event HTML :
- ketika user mengklik mouse
- ketika sebuah halam web di load ketika gambar di load
- ketika mouse bergerak di atas element
- ketika sebuah field input berubah ketika form html di submit
Namun, jika function harus di panggil dahulu untuk di-eksekusi, event tidak perlu harus di panggil.
Event akan dijlankan ketika suatu aksi tertentu dikenakan pada bagian element HTML.
Dengan kata lain function dikendalikan programer dan event dikendalikan oleh user.
Event biasa digunakan bersamaan dengan function. Function akan di eksekusi ketika event itu terjadi.
HTML DOM EVENTs
Mouse Events
| Property | Deskripsi |
|---|---|
| onclick | Event terjadi ketika user meng-klik sebuah element |
| ondbclick | Event terjadi ketika user double-klik sebuah element |
| onmousedown | Event terjadi ketika user menekan tombol mouse diatas element |
| onmousemove | Event terjadi ketika mouse digerakan ( panah mouse berubah posisi ) |
| onmouseover | Event terjadi ketika pointer dipindahkan ke element |
| onmouseout | Event terjadi ketika user menggerakan pointer keluar dari element |
| onmouseup | Event terjadi ketika user melepaskan tombol mouse pada element |
Keyboard Events
| Property | Deskripsi |
|---|---|
| onkeydown | Event terjadi ketika tombol keyboard ditekan |
| onkeypress | Event terjadi ketika tombol keyboard ditekan lalu di lepas |
| onkeyup | Event terjadi ketika tombol keyboard di lepas |
Frame / Object Events
| Property | Deskripsi |
|---|---|
| onabort | Event terjadi ketika gambar di stop saat loading belum selesai ( untuk object ) |
| onerror | Event terjadi ketika gambar tidak dapat dimuat ( untuk object, body dan frameset ) |
| onload | Event terjadi ketika sebuah dokumen, object atau frameset telah dimuat |
| onresize | Event terjadi ketika dokumen diubah ukurannya |
| onscroll | Event terjadi ketika dokumen dilihat dengan digulung |
| onunload | Event terjadi ketika dokumen telah di unload ( untuk body dan frameset ) |
Form Events
| Property | Deskripsi |
|---|---|
| onblur | Event terjadi ketika form kehilangan focus |
| onchange | Event terjadi ketika isi atau value sebuah element form telah di rubah ( untuk input, select dan textarea ) |
| onfocus | Event akan terjadi jika suatu element dalam keadaan focus ( untuk label, input, select, textarea dan submit ) |
| onreset | Event akan terjadi ketika form di reset |
| onselect | Event terjadi ketika user meng-blok beberapa teks pada input dan textarea |
| onsubmit | Event akan terjadiketika form di-submit |
Sedikit artikel ini semoga bermanfa'at, untuk contoh penggunaannya akan menyusul pada artikel berikutnya. Untuk kali ini kita mengenal dahulu deskripsi dari events yang akan kita gunakan nantinya pada script yang kta tulis nantinya.
Thank's for coming. . . . ^_^
thanks mas (y)
BalasHapus