Even handling di javascript sangat kompleks dan banyak. Dalam tutorial ini saya hanya akan menuliskan Contoh-contoh event Mouse click yang umum digunakan dalam penggunaan Javascript.

Apa itu Mouse Click event ?


Mouse Click event adalah sekumpulan perintah, kode, di javascript untuk meng-handle aksi ketika user meng-Click mouse nya. Event-Event ini sangat penting untuk memproses langsung aksi yang dilakukan User baik itu untuk proses 'Request' ke server atau proses langsung di Front-end ( biasanya di browser tanpa request ke Server).

berikut adalah Even-even Click di Javascript : 

  • Click - Action terjadi saat  User click Mouse nya ( satu kali klik-lepas).
  • DblClick - Action terjadi saat  User Double-click Mouse nya (dua kali klik-lepas).
  • MouseDown - Action terjadi saat User klik tombol tanpa melepas
  • MouseUp - Action terjadi saat User melepas Klick-tombol Mouse
  • MouseOut - Action terjadi saat pointer Mouse meninggal suatu area ( object )
  • MouseOver - Action terjadi saat pointer Mouse melintas/diaarahkan di suatu area ( object )
  • MouseMove - Action terjadi saat pointer Mouse melintas/diaarahkan dan di gerakkan di suatu area ( object )
  • ContextMenu - Action terjadi saat  User klik kanan Mouse
syntax untul action diatas ditulis dengan memberi awalan 'on'. Contoh 
onClick, on
MouseUp dsb.

Cobalah beberapa contoh berikut : 


Click Here


Klick di text ini, lihat apa yang terjadi




Silahkan coba beberapa Even yang lain.