You are here: Home
/ Javascript
/ Tutorial Javascript Part 10: Macam-macam Event HTML DOM
Macam-macam Event HTML DOM – DOM adalah singkatan dari Document Object Model. Dengan DOM maka tiap tiap elemen HTML bisa dianggap sebagai object. Dengan demikian kita bisa menetapkan handler untuk tiap-tiap event yang muncul pada tiap-tiap elemen HTML tersebut seperti yang telah ditulis pada
artikel sebelumnya.
Ada beberapa kondisi yang memicu terjadinya event, diantaranya perilaku pengguna melalui mouse dan keyboard dan hal-hal yang terjadi pada browser. Berikut ini beberapa event yang ada pada HTMLDOM :
1. Event Mouse
Adalah event yang dipicu oleh tingkah laku pengguna melalui mouse.
| Event | Keterangan | DOM |
|---|
| onclick
| Terjadi saat pengguna meng-klik (kiri) sebuah elemen.
| 2
|
| oncontextmenu
| Terjadi saat pengguna klik kanan pada elemen untuk membuka context menu.
| 3
|
| ondblclick
| Terjadi saat pengguna melakukan dobel-klik (kiri) pada sebuah elemen.
| 2
|
| onmousedown
| Terjadi saat pengguna menekan tombol diatas sebuah elemen.
| 2
|
| onmouseenter
| Terjadi saat pointer mouse bergerak masuk ke sebuah elemen.
| 2
|
| onmouseleave
| Terjadi saat pointer mouse bergerak keluar dari sebuah elemen.
| 2
|
| onmousemove
| Terjadi saat pointer mouse bergerak diatas sebuah elemen.
| 2
|
| onmouseover
| Terjadi saat pointer mouse bergerak masuk ke sebuah elemen atau salah satu elemen anaknya.
| 2
|
| onmouseout
| Terjadi saat pointer mouse bergerak keluar dari sebuah elemen atau salah satu elemen anaknya.
| 2
|
| onmouseup
| Terjadi saat pengguna selesai menekan tombol diatas sebuah elemen.
| 2
|
2. Event Keyboard
Adalah event yang dipicu oleh tingkah laku pengguna melalui tombol-tombol keyboard.
| Event | Keterangan | DOM |
|---|
| onkeydown
| Terjadi saat pengguna menekan tombol pada keyboard. (gerakan menekan sekali)
| 2
|
| onkeypress
| Terjadi saat pengguna menekan (dan menahan) tombol pada keyboard. (kondisi tombol tertekan belum dilepas)
| 2
|
| onkeyup
| Terjadi saat pengguna melepaskan tombol pada keyboard setelah keypress.
| 2
|
3. Event Page/Frame/Object
Adalah event yang dipicu oleh tingkah laku halaman, frame atau object pada browser.
| Event | Keterangan | DOM |
|---|
| onabort
| Terjadi saat proses loading page dibatalkan.
| 2
|
| onbeforeunload
| Terjadi sesaat sebelum dokumen di-unload.
| 2
|
| onerror
| Terjadi saat terjadi error loading file.
| 2
|
| onhashchange
| Terjadi saat ada perubahan pada sebagian anchor hashtag (#) dari URL.
| 3
|
| onload
| Terjadi saat object selesai di-load.
| 2
|
| onpageshow
| Terjadi saat pengguna mengarahkan navigasi menuju ke sebuah halaman web.
| 3
|
| onpagehide
| Terjadi saat pengguna mengarahkan navigasi pergi dari sebuah halaman web.
| 3
|
| onresize
| Terjadi saat view page diresize.
| 2
|
| onscroll
| Terjadi saat scrollbar pada elemen (jika ada) di scroll.
| 2
|
| onunload
| Terjadi saat object selesai di-unload.(untuk )
| 2
|
Adalah event yang dipicu oleh hal-hal yang terjadi pada sebuah form.
