Events pada Javascript

Interaksi JavaScript dengan HTML ditangani oleh event yang terjadi saat pengguna atau browser memanipulasi halaman.

Ketika halaman pertama kali selesai dimuat, maka terjadi event onload. Ketika pengguna mengklik tombol, maka terjadi event onclick pada tombol tersebut. Contoh lain event seperti menekan tombol, menutup jendela, mengubah ukuran jendela, dll. Event ini dapat digunakan untuk menjalankan respons atau callback JavaScript. Semisal ketika kita mengetik di kolom input akan terjadi event onchange yang bisa digunakan untuk update data.

Berikut ini daftar dari event yang bisa dipakai di Javascript:

Event Deskripsi
abort Terjadi ketika media batal dimuat
afterprint Terjadi ketika halaman mulai di-print
animationend Terjadi ketika animasi CSS selesai
animationiteration Terjadi ketika animasi CSS diulang
animationstart Terjadi ketika animasi CSS dimulai
beforeprint Terjadi sebelum halaman diprint
beforeunload Terjadi sebelum halaman ditutup atau tergantikan
blur Terjadi ketika elemen kehilangan fokus
canplay Terjadi ketika browser siap memainkan media.
canplaythrough Terjadi ketika browser bisa menjalankan media tanpa mengganggu buffer
change Terjadi ketika elemen mengalami perubahan nilai (untuk tag "input", "select", dan "textarea")
click Terjadi ketika pengguna mengklik elemen
contextmenu Terjadi ketika user melakukan klik kanan pada elemen sehingga memunculkan konteks menu
copy Terjadi ketika user menyalin konten dari sebuah elemen
cut Terjadi ketika user meng-cut konten dari sebuah elemen
dblclick Terjadi ketika elemen diklik dua kali
drag Terjadi ketika elemen di-drag
dragend Terjadi ketika elemen selesai di-drag
dragenter Terjadi ketika elemen yang di-drag memasuki elemen target drop
dragleave Terjadi ketika elemen yang di-drag keluar elemen target drop
dragover Terjadi ketika elemen yang di-drag berada di atas elemen target drop
dragstart Terjadi ketika elemen mulai di-drag
drop Terjadi ketika elemen yang di-drag didrop pada target drop
durationchange Terjadi ketika durasi dari media berubah
ended Terjadi ketika media berakhir
error Terjadi ketika sebuah file eksternal error diload
focus Terjadi ketika elemen mengalami fokus
focusin Terjadi ketika elemen akan memasuki kondisi fokus
focusout Terjadi ketika elemen akan kehilangan fokus
fullscreenchange Terjadi ketika sebuah elemen ditampilkan secara fullscreen (layar penuh)
fullscreenerror Terjadi ketika sebuah elemen tidak bisa ditampilkan secara fullscreen
hashchange Terjadi ketika anchor teks pada url berubah
input Terjadi ketika sebuah elemen mendapatkan input dari user
invalid Terjadi ketika sebuah elemen menjadi invalid
keydown Terjadi di awal pengguna menekan tombol keyboard
keypress Terjadi ketika pengguna menekan tombol keyboard
keyup Terjadi ketika pengguna melepas tekanan tombol keyboard
load Terjadi ketika elemen selesai dimuat
loadeddata Terjadi ketika media selesai dimuat
loadedmetadata Terjadi ketika meta data suatu media berhasil dimuat
loadstart Terjadi ketika browser mulai mencari media tertentu
message Terjadi ketika sebuah pesan diterima melalui sumber event
mousedown Terjadi ketika user klik pada elemen target
mouseenter Terjadi ketika pointer diarahkan masuk ke elemen target
mouseleave Terjadi ketika pointer diarahkan keluar ke sebuah elemen target
mousemove Terjadi ketika pointer bergerak di dalam sebuah elemen target
mouseover Terjadi ketika pointer bergerak dalam elemen target termasuk child-nya
mouseout Terjadi ketika pointer bergerak keluar elemen target termasuk child-nya
mouseup Terjadi ketika user melepaskan klik dari sebuah elemen
offline Terjadi ketika browser mulai offline
online Terjadi ketika browser kembali online
open Terjadi ketika koneksi dengan sumber event terbentuk
pagehide Terjadi ketika user berpindah ke webpage lain
pageshow Terjadi ketika user masuk ke webpage
paste Terjadi ketika user mem-paste atau menempel salinan
pause Terjadi ketika media di-pause oleh user maupun program
play Terjadi ketika media dimulai dan tdak lagi di-pause
playing Terjadi ketika media dimainkan setelah dipause atau setelah buffer
progress Terjadi ketika browser sedang mengunduh atau memuat media
ratechange Terjadi ketika kecepatan putar media berubah
resize Terjadi ketika ukuran dokumen berubah
reset Terjadi ketika form direset
scroll Terjadi ketika scrollbar dari sebuah elemen di-scroll
search Terjadi ketika user menulis sesuatu di input type search
seeked Terjadi ketika user selesai berpindah posisi penunjuk play dalam media
seeking Terjadi ketika user mulai memindahkan posisi penunjuk play dalam media
select Terjadi ketika user men-select beberapa teks pada input dan textarea
show Terjadi ketika menu tampil di konteks menu
stalled Terjadi ketika browser hendak mengambil media namun tidak tersedia
storage Terjadi ketika Web Storage mengalami perubahan
submit Terjadi ketika formulir di-submit
toggle Terjadi ketika user manampilkan atau menyembunyikan detail elemen
transitionend Terjadi keika transisi CSS selesai
unload Terjadi ketika tag body dari laman telah ditutup
waiting Terjadi ketika media sedang di-pause namun akan diresume kembali
wheel Terjadi ketika scroll mouse ke atas atau ke bawah dari sebuah elemen

Dari sekian banyak event di atas yang sering dipakai antara lain event yang terjadi pada keyboard, form, dan mouse.

Daftar Isi

©2021, All Rights Reserved

Privacy Policy | DMCA | Telegram