005_Events

DOM Events

Apa itu DOM Events?

DOM Events bisa diibaratkan seperti sebuah sinyal yang disebabkan oleh suatu aksi tertentu dan bisa dilakukan dengan interaksi dari pengguna ataupun browser/client itu sendiri, Event ini seringkali dikombinasikan dengan sebuah function dan function itu tidak akan di eksekusi sebelum Event tersebut terjadi atau dilakukan.

Referensi: Apa itu DOM Events?

Event apa saja yang ada?

Ada beberapa event yang sering digunakan berikut event tersebut berserta fungsinya:

• Mouse Events

Event	Fungsi
click	Event yang terjadi ketika suatu elemen diklik
dblclick	Event yang terjadi ketika suatu elemen diklik dua kali
mousedown	Event yang terjadi ketika tombol mouse diklik kemudian hold
mouseup	Event yang terjadi setelah tombol mouse diklik
mouseover	Event yang terjadi ketika pointer mouse berada diatas sebuah elemen
mouseleave	Event yang terjadi ketika pointer mouse keluar dari atas sebuah elemen
mousemove	Event yang terjadi ketika mouse bergerak
mouseout	Event yang terjadi ketika mouse berada diluar suatu elemen

• Touch Events

Event	Fungsi
touchstart	Event yang terjadi ketika pengguna menekan layar/suatu elemen
touchend	Event yang terjadi ketika pengguna melepaskan jari dari layar/suatu elemen
touchcancel	Event yang terjadi jika sentuhan layar pengguna terganggu
touchmove	Event yang terjadi saat pengguna menggerakkan sentuhan layar/pada elemen

• Keyboard Events

Event	Fungsi
keydown	Event yang terjadi ketika tombol keyboard diklik kemudian hold
keyup	Event yang terjadi setelah tombol keyboard diklik
keypress	Event yang terjadi ketika tombol keyboard diklik

• UI Events

Event	Fungsi
load	Event yang terjadi ketika sebuah object sudah dimuat/load
resize	Event yang terjadi ketika penglihatan/view dari document di ubah
scroll	Event yang terjadi ketika scrollbar dari sebuah elemen sedang di scroll
select	Event yang terjadi ketika pengguna menyeleksi sebuah teks

• Focus Events

Event	Fungsi
blur	Event yang terjadi ketika sedang tidak terfokus pada sebuah elemen
focus	Event yang terjadi ketika sedang terfokus pada sebuah elemen
focusin	Event yang terjadi ketika sedang akan terfokus pada sebuah elemen
focusout	Event yang terjadi ketika sedang akan tidak terfokus pada sebuah elemen

• Events Lainnya

Event	Fungsi
input	Event yang terjadi ketika pengguna menginput sesuatu
change	Event yang terjadi ketika konten dari sebuah form terganti
progress	Event yang terjadi ketika browser/client sedang dalam proses untuk menerima data
submit	Event yang terjadi ketika form di submit
volumechanges	Event yang terjadi ketika volume media di ubah termasuk mute
loadstart	Event yang terjadi ketika browser/client mulai mencari sebuah data

Referensi: Event-event yang ada pada DOM Events