Event HTML DOM

Event HTML DOM

Peristiwa HTML DOM memungkinkan JavaScript mendaftarkan penanggung jawab peristiwa yang berbeda di atas elemen dokumen HTML.

Peristiwa biasanya digunakan bersamaan dengan fungsi, fungsi tidak akan dieksekusi sebelum peristiwa terjadi (contoh saat tombol di klik).

Untuk panduan tentang peristiwa, belajar dari Panduan Peristiwa JavaScript。

peristiwa Deskripsi Milik
abort Peristiwa ini terjadi saat pengunduhan media dihentikan.
afterprint Peristiwa ini terjadi saat halaman dimulai mencetak, atau dialog cetak ditutup. Event
animationend Peristiwa ini terjadi saat animasi CSS selesai. AnimationEvent
animationiteration Peristiwa ini terjadi saat animasi CSS diulang. AnimationEvent
animationstart Peristiwa ini terjadi saat animasi CSS dimulai. AnimationEvent
beforeprint Peristiwa ini terjadi saat halaman akan dicetak. Event
beforeunload Peristiwa ini terjadi sebelum dokumen akan diunduh.
blur Peristiwa ini terjadi saat elemen kehilangan fokus. FocusEvent
canplay Peristiwa ini terjadi saat browser dapat memainkan media. Event
canplaythrough Peristiwa ini terjadi saat browser dapat memainkan media tanpa berhenti membuffer. Event
change Peristiwa ini terjadi saat konten, pilihan, atau status pemilihan form berubah. Event
click Peristiwa ini terjadi saat elemen di klik. MouseEvent
contextmenu Peristiwa ini terjadi saat elemen di klik kanan untuk membuka menu konteks. MouseEvent
copy Peristiwa ini terjadi saat konten elemen di menyalin. ClipboardEvent
cut Peristiwa ini terjadi saat konten elemen di potong. ClipboardEvent
dblclick Peristiwa ini terjadi saat elemen di klik ganda. MouseEvent
drag Sebuah peristiwa ini terjadi saat elemen digeser. DragEvent
dragend Peristiwa ini terjadi saat pengguna selesai gerakkan elemen. DragEvent
dragenter Peristiwa ini terjadi saat elemen yang digerakkan memasuki target penempatan. DragEvent
dragleave Peristiwa ini terjadi saat elemen yang digerakkan meninggalkan target penempatan. DragEvent
dragover Peristiwa ini terjadi saat elemen yang digerakkan berada di atas target penempatan. DragEvent
dragstart Peristiwa ini terjadi saat pengguna mulai gerakkan elemen. DragEvent
drop Peristiwa ini terjadi saat elemen yang digerakkan ditempatkan di target penempatan. DragEvent
durationchange Peristiwa ini terjadi saat durasi media berubah. Event
ended Peristiwa ini terjadi saat media mencapai akhir. Event
error Peristiwa ini terjadi saat terjadi kesalahan setelah memuat berkas eksternal.
focus Peristiwa ini terjadi saat elemen mendapatkan fokus. FocusEvent
focusin Peristiwa ini terjadi saat elemen akan mendapatkan fokus. FocusEvent
focusout Peristiwa ini terjadi saat elemen akan kehilangan fokus. FocusEvent
fullscreenchange Peristiwa ini terjadi saat elemen ditampilkan di mode layar penuh. Event
fullscreenerror Peristiwa ini terjadi saat elemen tidak dapat ditampilkan di mode layar penuh. Event
hashchange Peristiwa ini terjadi saat bagian ancla URL berubah. HashChangeEvent
input Peristiwa ini terjadi saat elemen mendapatkan input pengguna.
invalid Peristiwa ini terjadi saat elemen tidak berlaku. Event
keydown Peristiwa ini terjadi saat pengguna menekan tombol keyboard. KeyboardEvent
keypress Peristiwa ini terjadi saat pengguna menekan tombol keyboard. KeyboardEvent
keyup Peristiwa ini terjadi saat pengguna melepaskan tombol keyboard. KeyboardEvent
load Peristiwa ini terjadi saat objek sudah terload.
loadeddata Peristiwa ini terjadi saat data media terload. Event
loadedmetadata Peristiwa ini terjadi saat memuat metadata (seperti ukuran dan durasi). Event
loadstart Ketika peramban mulai mencari media yang ditentukan, peristiwa ini terjadi. ProgressEvent
message Peristiwa ini terjadi saat menerima pesan melalui sumber peristiwa ini. Event
mousedown Ketika pengguna menekan tombol mouse di atas elemen, peristiwa ini terjadi. MouseEvent
mouseenter Ketika penunjuk bergerak ke atas elemen, peristiwa ini terjadi. MouseEvent
mouseleave Ketika penunjuk keluar dari elemen, peristiwa ini terjadi. MouseEvent
mousemove Ketika penunjuk bergerak di atas elemen, peristiwa ini terjadi. MouseEvent
mouseout Ketika pengguna memindahkan penunjuk mouse keluar dari elemen atau elemen anaknya, peristiwa ini terjadi. MouseEvent
mouseover Ketika penunjuk gerak ke atas elemen atau elemen anaknya, peristiwa ini terjadi. MouseEvent
mouseup Ketika pengguna melepaskan tombol mouse di atas elemen, peristiwa ini terjadi. MouseEvent
mousewheel Tidak direkomendasikan untuk digunakan.Gunakan pengganti. wheel Peristiwa WheelEvent
offline Peristiwa ini terjadi saat peramban mulai bekerja offline. Event
online Peristiwa ini terjadi saat peramban mulai bekerja online. Event
open Peristiwa ini terjadi saat koneksi dibuka dengan sumber peristiwa. Event
pagehide Peristiwa ini terjadi saat pengguna meninggalkan halaman web untuk navigasi. PageTransitionEvent
pageshow Peristiwa ini terjadi saat pengguna navigasi ke halaman web. PageTransitionEvent
paste Peristiwa ini terjadi saat pengguna menempelkan beberapa konten ke elemen. ClipboardEvent
pause Peristiwa ini terjadi saat media dihentikan oleh pengguna atau dihentikan dengan cara program. Event
play Peristiwa ini terjadi saat media dimulai atau tidak lagi dihentikan. Event
playing Peristiwa ini terjadi saat media dihentikan atau dihentikan untuk memuat dan dimainkan kembali. Event
popstate Peristiwa ini terjadi saat riwayat jendela berubah. PopStateEvent
progress Peristiwa ini terjadi saat peramban sedang mengambil data media. Event
ratechange Peristiwa ini terjadi saat kecepatan pemutaran media berubah. Event
reset Peristiwa ini terjadi saat formulir direset. Event
resize Peristiwa ini terjadi saat mengubah ukuran tampilan dokumen.
scroll Peristiwa ini terjadi saat menggeser bar guling elemen滚轮.
search Peristiwa ini terjadi saat pengguna memasukkan konten di kolom pencarian. Event
seeked Peristiwa ini terjadi saat pengguna selesai memindahkan/jumping ke posisi baru di media. Event
seeking Peristiwa ini terjadi saat pengguna mulai memindahkan/jumping ke posisi baru di media. Event
select Peristiwa ini terjadi saat pengguna memilih teks (untuk <input> dan <textarea>).
show Peristiwa ini terjadi saat elemen <menu> ditampilkan sebagai menu konteks. Event
stalled Peristiwa ini terjadi saat peramban mencoba mengambil data media tetapi data tidak tersedia. Event
storage Peristiwa ini terjadi saat area penyimpanan Web diperbarui. StorageEvent
submit Peristiwa ini terjadi saat formulir disubmit. Event
suspend Peristiwa ini terjadi saat peramban tidak mengambil data media dengan sengaja. Event
timeupdate Peristiwa ini terjadi saat posisi pemutaran berubah. Event
toggle Peristiwa ini terjadi saat pengguna membuka atau menutup elemen <details>. Event
touchcancel Peristiwa ini terjadi saat sentuhan dihentikan. TouchEvent
touchend Peristiwa ini terjadi saat tangan keluar dari layar sentuh. TouchEvent
touchmove Peristiwa ini terjadi saat tangan di geser di layar. TouchEvent
touchstart Peristiwa ini terjadi saat tangan berada di layar sentuh. TouchEvent
transitionend Pengubah CSS selesai, peristiwa ini terjadi. TransitionEvent
unload Peristiwa ini terjadi setelah halaman diunduh (untuk <body>).
volumechange Peristiwa ini terjadi saat volume media diubah. Event
waiting Peristiwa ini terjadi saat media dihentikan tetapi diharapkan akan kembali. Event
wheel Peristiwa ini terjadi saat tetikus roda menggerakkan ke atas atau ke bawah di elemen. WheelEvent

Atribut dan Metode Peristiwa DOM HTML

Atribut/Metode Deskripsi Milik
altKey Mengembalikan apakah tombol 'ALT' ditekan saat peristiwa mouse. MouseEvent
altKey Mengembalikan apakah tombol 'ALT' ditekan saat peristiwa tombol.
animationName Mengembalikan nama animasi. AnimationEvent
bubbles Mengembalikan apakah peristiwa khusus adalah peristiwa bubbling. Event
button Kembalikan tombol mouse yang ditekan saat peristiwa mouse terjadi. MouseEvent
buttons Kembalikan tombol mouse yang ditekan saat peristiwa mouse terjadi. MouseEvent
cancelBubble Setel atau kembalikan apakah peristiwa harus disalurkan ke tingkat atas.
cancelable Mengembalikan apakah peristiwa dapat dihentikan operasi standarnya. Event
changeTouches Mengembalikan daftar objek sentuhan yang statusnya berubah antara sentuhan sebelumnya dan sentuhan ini. TouchEvent
charCode Mengembalikan kode Unicode tombol yang diaktifkan peristiwa onkeypress. KeyboardEvent
clientX Mengembalikan kordinat horizontal penunjuk tetikus terhadap jendela saat peristiwa mouse.
clientY Mengembalikan kordinat vertikal penunjuk tetikus terhadap jendela saat peristiwa mouse.
clipboardData Mengembalikan objek yang berisi data yang terpengaruh operasi papan klip. ClipboardData
code Mengembalikan kode kode tombol yang diaktifkan peristiwa. KeyboardEvent
composed Menandai apakah peristiwa dapat disalurkan dari Shadow DOM ke DOM biasa. Event
composedPath() Mengembalikan jalur peristiwa.
createEvent() Buat peristiwa baru. Event
ctrlKey Mengembalikan apakah tombol 'CTRL' ditekan saat peristiwa mouse. MouseEvent
ctrlKey Mengembalikan apakah tombol 'CTRL' ditekan saat peristiwa tombol tetikus mouse.
currentTarget Mengembalikan elemen yang mengaktifkan peristiwa penjaga suara. Event
data Mengembalikan karakter yang disisipkan. InputEvent
dataTransfer Mengembalikan objek yang berisi data yang diseret atau disisipkan/hapus.
defaultPrevented Mengembalikan apakah ada pemanggilan preventDefault() metode untuk peristiwa ini. Event
deltaX Mengembalikan jumlah gerakan horizontal tetikus roda (sumbu x). WheelEvent
deltaY Mengembalikan jumlah gerakan vertikal tetikus roda (sumbu y). WheelEvent
deltaZ Mengembalikan jumlah gerakan Z asisten tetikus roda. WheelEvent
deltaMode Kembalikan angka yang mewakili satuan pengukuran nilai penambahan (pixel, garis, atau halaman). WheelEvent
detail Kembalikan angka yang menunjukkan berapa kali mouse diclick. UiEvent
elapsedTime Kembalikan detik yang telah berlalu dari animasi. AnimationEvent
elapsedTime Kembalikan detik yang telah berlalu dari transisi. 　
eventPhase Kembalikan tahap yang sedang di-evaluasi dalam aliran peristiwa. Event
getModifierState() Kembalikan array yang mengandung scope target, yang akan terpengaruh oleh pengisian/hapus. MouseEvent
getTargetRanges() Kembalikan array yang mengandung scope target, yang akan terpengaruh oleh pengisian/hapus. InputEvent
inputType Kembalikan jenis perubahan (yaitu "inserting" atau "deleting"). InputEvent
isComposing Kembalikan apakah status peristiwa sedang dibuat.
isTrusted Kembalikan apakah peristiwa dipercaya. Event
key Kembalikan nilai tombol yang diwakili oleh peristiwa. KeyboardEvent
key Kembalikan kunci item penyimpanan yang diubah. StorageEvent
keyCode Kembalikan kode Unicode tombol yang mengaktifkan peristiwa onkeypress, onkeydown, atau onkeyup. KeyboardEvent
location Kembalikan lokasi tombol yang ditekan di papan tombol atau perangkat. KeyboardEvent
lengthComputable Kembalikan apakah panjang progres dapat dihitung. ProgressEvent
loaded Kembalikan jumlah kerja yang telah diunggah. ProgressEvent
metaKey Kembalikan apakah tombol "META" ditekan saat peristiwa terjadi. MouseEvent
metaKey Kembalikan apakah tombol "META" ditekan saat peristiwa tombol ditekan.
MovementX Kembalikan koordinat horizontal penanda penyangkis mouse berhadapkan posisi sebelum peristiwa mousemove terakhir. MouseEvent
MovementY Kembalikan koordinat vertikal penanda penyangkis mouse berhadapkan posisi sebelum peristiwa mousemove terakhir. MouseEvent
newURL Kembalikan URL dokumen setelah perubahan hash. HasChangeEvent
newValue Kembalikan nilai baru item penyimpanan yang diubah. StorageEvent
offsetX Kembalikan koordinat horizontal penanda penyangkis mouse berhadapkan batas elemen target. MouseEvent
offsetY Kembalikan koordinat vertikal penanda penyangkis mouse berhadapkan batas elemen target. MouseEvent
oldURL Kembalikan URL dokumen sebelum perubahan hash. HasChangeEvent
oldValue Kembalikan nilai lama item penyimpanan yang diubah. StorageEvent
onemptied Peristiwa ini terjadi saat terjadi situasi buruk dan file media tiba-tiba tidak tersedia. 　
pageX Kembalikan koordinat horizontal penanda penyangkis mouse berhadapkan dokumen saat mengaktifkan peristiwa mouse. MouseEvent
pageY Kembalikan koordinat vertikal penanda penyangkis mouse berhadapkan dokumen saat mengaktifkan peristiwa mouse. MouseEvent
persisted Kembalikan apakah halaman web disimpan dalam cache peramban. PageTransitionEvent
preventDefault() Jika peristiwa dapat dibatalkan, batalkannya, tanpa melaksanakan operasi baku yang termasuk peristiwa. Event
propertyName Kembalikan nama properti CSS yang berhubungan dengan animasi atau transisi.
pseudoElement Kembalikan nama pseudo-element animasi atau transisi.
region MouseEvent
relatedTarget Kembalikan elemen yang berhubungan dengan elemen yang mengaktifkan peristiwa mouse. MouseEvent
relatedTarget Kembalikan elemen yang berhubungan dengan elemen yang mengaktifkan peristiwa. FocusEvent
repeat Kembalikan apakah tombol yang sama diTekan berulang kali. KeyboardEvent
screenX Kembalikan koordinat horizontal window/pengecek mouse terhadap layar. MouseEvent
screenY Kembalikan koordinat vertikal window/pengecek mouse terhadap layar. MouseEvent
shiftKey Kembalikan apakah tombol 'SHIFT' ditekan saat peristiwa diaktifkan. MouseEvent
shiftKey Kembalikan apakah tombol 'SHIFT' ditekan saat peristiwa tombol diaktifkan.
state Kembalikan objek yang mengandung salinan entri riwayat. PopStateEvent
stopImme...() Mencegah penangkapan peristiwa lain yang diadakan. Event
stopPropagation() Mencegah peristiwa untuk beredar lebih jauh di aliran peristiwa. Event
storageArea Kembalikan objek yang mewakili objek penyimpanan yang terpengaruh. StorageEvent
target Kembalikan elemen yang mengaktifkan peristiwa. Event
targetTouches Kembalikan daftar TouchList objek Touch yang masih berhubungan dengan permukaan sentuh. TouchEvent
timeStamp Kembalikan waktu yang dibuat peristiwa (dalam milidetik terhadap era). Event
total Kembalikan jumlah pekerjaan yang akan dimuat. ProgressEvent
touches Kembalikan daftar semua objek touch yang berhubungan dengan permukaan saat ini. TouchEvent
type Kembalikan nama peristiwa. Event
url Kembalikan URL dokumen tempat item yang diubah berada. StorageEvent
which Kembalikan tombol mouse yang ditekan saat peristiwa mouse terjadi. MouseEvent
which Kembalikan kode karakter Unicode tombol yang diaktifkan peristiwa onkeypress, atau kode tombol Unicode yang diaktifkan peristiwa onkeydown atau onkeyup. KeyboardEvent
view Kembalikan referensi Window objek yang terjadi peristiwa. UiEvent