Acara HTML DOM
Acara HTML DOM
Peristiwa DOM HTML memungkinkan JavaScript untuk mendaftarkan penanggung jawab peristiwa berbeza di atas elemen dokumen HTML.
Peristiwa biasanya digunakan bersama-sama dengan fungsi, fungsi ini tidak akan dijalankan sebelum peristiwa berlaku (contohnya, apabila pengguna mengklik tombol).
Untuk pelajaran tentang peristiwa, silakan ikuti Rancangan Tutorial Peristiwa JavaScript.
| Peristiwa | Penerangan | Pertikaian |
|---|---|---|
| abort | Kejadian ini berlaku apabila muatan media dihentikan. | |
| afterprint | Kejadian ini berlaku apabila halaman mula dicetak atau bingkai cetak ditutup. | Event |
| animationend | Kejadian ini berlaku apabila animasi CSS selesai. | AnimationEvent |
| animationiteration | Kejadian ini berlaku apabila animasi CSS diulang. | AnimationEvent |
| animationstart | Kejadian ini berlaku apabila animasi CSS mula. | AnimationEvent |
| beforeprint | Kejadian ini berlaku sebelum halaman akan dicetak. | Event |
| beforeunload | Kejadian ini berlaku sebelum dokumen akan disangkaikan. | |
| blur | Kejadian ini berlaku apabila elemen kehilangan fokus. | FocusEvent |
| canplay | Kejadian ini berlaku apabila pelayar boleh memulakan pemainan media. | Event |
| canplaythrough | Kejadian ini berlaku apabila pelayar boleh memainkan media tanpa berhenti membuang cadangan. | Event |
| change | Kejadian ini berlaku apabila kandungan, pilihan atau keadaan terpilih elemen form berubah. | Event |
| click | Pada masa pengguna mengklik elemen, kejadian ini berlaku. | MouseEvent |
| contextmenu | Pada masa pengguna mengklik kanan elemen untuk membuka menu konteks, kejadian ini berlaku. | MouseEvent |
| copy | Pada masa pengguna menyalin kandungan elemen, kejadian ini berlaku. | ClipboardEvent |
| cut | Pada masa pengguna memotong kandungan elemen, kejadian ini berlaku. | ClipboardEvent |
| dblclick | Pada masa pengguna mengklik ganda elemen, kejadian ini berlaku. | MouseEvent |
| drag | Pada masa penggerakkan elemen, kejadian ini berlaku. | DragEvent |
| dragend | Peristiwa ini berlaku bila pengguna selesai menggerakkan elemen. | DragEvent |
| dragenter | Peristiwa ini berlaku bila elemen yang dipindahkan masuk ke dalam target tempat. | DragEvent |
| dragleave | Peristiwa ini berlaku bila elemen yang dipindahkan keluar dari target tempat. | DragEvent |
| dragover | Peristiwa ini berlaku bila elemen yang dipindahkan berada di atas target tempat. | DragEvent |
| dragstart | Peristiwa ini berlaku bila pengguna mula menggerakkan elemen. | DragEvent |
| drop | Peristiwa ini berlaku bila elemen yang dipindahkan ditempatkan di atas target tempat. | DragEvent |
| durationchange | Peristiwa ini berlaku bila masa tempuh media berubah. | Event |
| ended | Peristiwa ini berlaku bila media berakhir. | Event |
| error | Peristiwa ini berlaku bila terjadi kesalahan semasa memuat fail luaran. | |
| focus | Peristiwa ini berlaku bila elemen mendapat perhatian. | FocusEvent |
| focusin | Peristiwa ini berlaku bila elemen akan mendapat perhatian. | FocusEvent |
| focusout | Peristiwa ini berlaku bila elemen akan kehilangan perhatian. | FocusEvent |
| fullscreenchange | Peristiwa ini berlaku bila elemen dipaparkan dalam mod skrin penuh. | Event |
| fullscreenerror | Peristiwa ini berlaku bila elemen tidak dapat dipaparkan dalam mod skrin penuh. | Event |
| hashchange | Peristiwa ini berlaku bila bahagian anjuran URL berubah. | HashChangeEvent |
| input | Peristiwa ini berlaku bila elemen menerima input pengguna. | |
| invalid | Peristiwa ini berlaku bila elemen tidak sah. | Event |
| keydown | Peristiwa ini berlaku bila pengguna menekan kekunci. | KeyboardEvent |
| keypress | Peristiwa ini berlaku bila pengguna menekan kekunci. | KeyboardEvent |
| keyup | Peristiwa ini berlaku bila pengguna melepaskan kekunci. | KeyboardEvent |
| load | Peristiwa ini berlaku semasa objek telah dimuat. | |
| loadeddata | Data media dimuat setelah peristiwa ini berlaku. | Event |
| loadedmetadata | Peristiwa ini berlaku semasa memuat data meta (contohnya saiz dan masa tempuh). | Event |
| loadstart | Bila pelayar mula mencari media yang dinyatakan, peristiwa ini berlaku. | ProgressEvent |
| message | Peristiwa ini berlaku semasa menerima mesej melalui sumber peristiwa ini. | Event |
| mousedown | Bila pengguna menekan butang mouse di atas elemen, peristiwa ini berlaku. | MouseEvent |
| mouseenter | Bila penuding bergerak ke atas elemen, peristiwa ini berlaku. | MouseEvent |
| mouseleave | Bila penuding keluar dari elemen, peristiwa ini berlaku. | MouseEvent |
| mousemove | Bila penuding bergerak di atas elemen, peristiwa ini berlaku. | MouseEvent |
| mouseout | Bila pengguna gerakkan penuding mouse keluar dari elemen atau anak elemen didalamnya, peristiwa ini berlaku. | MouseEvent |
| mouseover | Bila penuding bergerak ke atas elemen atau anak elemen didalamnya, peristiwa ini berlaku. | MouseEvent |
| mouseup | Bila pengguna melepaskan butang mouse di atas elemen, peristiwa ini berlaku. | MouseEvent |
| mousewheel | Tidak disarankan untuk digunakan.Sila gunakan wheel Peristiwa | WheelEvent |
| offline | Peristiwa ini berlaku apabila pelayar mulai bekerja secara offline. | Event |
| online | Peristiwa ini berlaku apabila pelayar mulai bekerja secara online. | Event |
| open | Peristiwa ini berlaku apabila hubungan dengan sumber peristiwa dibuka. | Event |
| pagehide | Peristiwa ini berlaku apabila pengguna meninggalkan halaman web untuk navigasi. | PageTransitionEvent |
| pageshow | Peristiwa ini berlaku apabila pengguna navigasi ke halaman web tertentu. | PageTransitionEvent |
| paste | Peristiwa ini berlaku apabila pengguna menempelkan beberapa kandungan ke dalam elemen. | ClipboardEvent |
| pause | Peristiwa ini berlaku apabila media dihentikan oleh pengguna atau dihentikan secara program. | Event |
| play | Peristiwa ini berlaku apabila media dimulakan atau tidak lagi dihentikan. | Event |
| playing | Peristiwa ini berlaku apabila media dihentikan atau dihentikan untuk memantulkan kemudian dimainkan. | Event |
| popstate | Peristiwa ini berlaku apabila sejarah tetingkap diubah. | PopStateEvent |
| progress | Peristiwa ini berlaku apabila pelayar masih dalam proses mendapatkan data media. | Event |
| ratechange | Peristiwa ini berlaku apabila kelajuan pemain media diubah. | Event |
| reset | Peristiwa ini berlaku apabila borang diatur semula. | Event |
| resize | Peristiwa ini berlaku apabila saiz paparan dokumen diubah. | |
| scroll | Peristiwa ini berlaku apabila palang gerakan elemen di gerakkan. | |
| search | Peristiwa ini berlaku apabila pengguna memasukkan kandungan di medan carian. | Event |
| seeked | Peristiwa ini berlaku apabila pengguna selesai gerakkan/menggerakkan ke lokasi baru di media. | Event |
| seeking | Peristiwa ini berlaku apabila pengguna mulai gerakkan/menggerakkan ke lokasi baru di media. | Event |
| select | Peristiwa ini berlaku apabila pengguna memilih teks setelah teks dipilih (untuk <input> dan <textarea>). | |
| show | Peristiwa ini berlaku apabila elemen <menu> ditampilkan sebagai menu konteks. | Event |
| stalled | Peristiwa ini berlaku apabila pelayar mencuba untuk mendapatkan data media tetapi data tidak tersedia. | Event |
| storage | Peristiwa ini berlaku apabila kawasan simpanan Web diubah. | StorageEvent |
| submit | Peristiwa ini berlaku apabila borang diserahkan. | Event |
| suspend | Peristiwa ini berlaku apabila pelayar tidak memperoleh data media dengan sengaja. | Event |
| timeupdate | Peristiwa ini berlaku apabila kedudukan pemain diubah. | Event |
| toggle | Peristiwa ini berlaku apabila pengguna membuka atau menutup elemen <details>. | Event |
| touchcancel | Peristiwa ini berlaku apabila sentuhan di ganggu. | TouchEvent |
| touchend | Peristiwa ini berlaku apabila jari dipindahkan daripada skrin sentuh. | TouchEvent |
| touchmove | Peristiwa ini berlaku apabila jari di gerakkan di atas skrin. | TouchEvent |
| touchstart | Peristiwa ini berlaku apabila jari di letakkan di atas skrin sentuh. | TouchEvent |
| transitionend | Pertukaran CSS selesai, peristiwa ini berlaku. | TransitionEvent |
| unload | Kejadian ini berlaku selepas halaman diunduh (untuk <body>). | |
| volumechange | Kejadian ini berlaku semasa volume media diubah. | Event |
| waiting | Kejadian ini berlaku semasa media dihentikan tetapi dijangkau untuk pulih. | Event |
| wheel | Kejadian ini berlaku semasa roda tetikus bergerak ke atas atau ke bawah di dalam elemen. | WheelEvent |
Atribut dan Method Kejadian HTML DOM
| Atribut/Method | Penerangan | Pertikaian |
|---|---|---|
| altKey | Kembalikan sama ada ditekan kepadan kekunci 'ALT' semasa kejadian tetikus. | MouseEvent |
| altKey | Kembalikan sama ada ditekan kepadan kekunci 'ALT' semasa kejadian kekunci. | |
| animationName | Kembalikan nama animasi. | AnimationEvent |
| bubbles | Kembalikan sama ada kejadian khusus adalah kejadian bising. | Event |
| button | 返回触发鼠标事件时按下的鼠标按钮。 | MouseEvent |
| buttons | 返回触发鼠标事件时按下的鼠标按钮。 | MouseEvent |
| cancelBubble | Tetapkan atau kembalikan sama ada kejadian sepatutnya dihantar ke tingkat tinggi. | |
| cancelable | Kembalikan sama ada kejadian boleh dihalang operasi lalai. | Event |
| changeTouches | Kembalikan senarai objek sentuhan yang statusnya telah berubah diantara sentuhan sebelumnya dan sentuhan ini. | TouchEvent |
| charCode | Kembalikan kod Unicode kekunci yang diaktifkan kejadian onkeypress. | KeyboardEvent |
| clientX | Kembalikan kordinat horizontal penuding tetikus berbanding tingkap semasa kejadian tetikus. | |
| clientY | Kembalikan kordinat vertikal penuding tetikus berbanding tingkap semasa kejadian tetikus. | |
| clipboardData | Kembalikan objek yang mengandungi data yang diygunkan oleh operasi papan klip. | ClipboardData |
| code | Kembalikan kod kekunci yang diaktifkan kejadian. | KeyboardEvent |
| composed | Menunjukkan sama ada kejadian boleh dihantar daripada Shadow DOM ke DOM biasa. | Event |
| composedPath() | Kembalikan laluan kejadian. | |
| createEvent() | Cipta kejadian baru. | Event |
| ctrlKey | Kembalikan sama ada ditekan kepadan kekunci 'CTRL' semasa kejadian tetikus. | MouseEvent |
| ctrlKey | Kembalikan sama ada ditekan kepadan kekunci 'CTRL' semasa kejadian kekunci tetikus. | |
| currentTarget | Kembalikan elemen yang mengaktifkan penadil kejadian. | Event |
| data | Kembalikan aksara yang disisipkan. | InputEvent |
| dataTransfer | Kembalikan objek yang mengandungi data yang ditanggung atau disisipkan/hapus. | |
| defaultPrevented | Kembalikan sama ada diadakan preventDefault() untuk kejadian. | Event |
| deltaX | Kembalikan kuantiti gerakan roda tetikus mendatar (x axis). | WheelEvent |
| deltaY | Kembalikan kuantiti gerakan roda tetikus mendatar (y axis). | WheelEvent |
| deltaZ | Kembalikan kuantiti gerakan roda tetikus Z axis. | WheelEvent |
| deltaMode | Kembalikan nombor yang mewakili unit pengukuran nilai penambahan (pixel, baris atau halaman). | WheelEvent |
| detail | Kembalikan nombor yang menunjukkan berapa kali tetikus ditekan. | UiEvent |
| elapsedTime | Kembalikan saat berapa saat animasi telah berlaku. | AnimationEvent |
| elapsedTime | Kembalikan saat berapa saat transisi telah berlaku. | |
| eventPhase | Kembalikan tahap yang kini diukur aliran peristiwa. | Event |
| getModifierState() | Kembalikan array yang mengandungi lingkungan sasaran yang akan disempurnakan oleh pemasukan/pemusnahan. | MouseEvent |
| getTargetRanges() | Kembalikan array yang mengandungi lingkungan sasaran yang akan disempurnakan oleh pemasukan/pemusnahan. | InputEvent |
| inputType | Kembalikan jenis perubahan yang diubah (iaitu "inserting" atau "deleting"). | InputEvent |
| isComposing | Kembalikan sama ada status peristiwa sedang diwujudkan. | |
| isTrusted | Kembalikan sama ada peristiwa adalah dipercayai. | Event |
| key | Kembalikan nilai tombol yang diwakili oleh peristiwa. | KeyboardEvent |
| key | Kembalikan kunci item storan yang diubah. | StorageEvent |
| keyCode | Kembalikan Unicode kode untuk tombol yang mengaktifkan peristiwa onkeypress, onkeydown atau onkeyup. | KeyboardEvent |
| location | Kembalikan lokasi tombol di papan kekunci atau peranti. | KeyboardEvent |
| lengthComputable | Kembalikan sama ada panjang kemajuan adalah boleh dihitung. | ProgressEvent |
| loaded | Kembalikan jumlah kerja yang telah diunggah. | ProgressEvent |
| metaKey | Kembalikan sama ada tombol "META" disentuh semasa kejadian peristiwa. | MouseEvent |
| metaKey | Kembalikan sama ada tombol "META" disentuh semasa kejadian peristiwa tombol. | |
| MovementX | Kembalikan koordinat horizontal tujukan pengecut tetapih terhadap lokasi sebelum peristiwa mousemove terakhir. | MouseEvent |
| MovementY | Kembalikan koordinat vertikal tujukan pengecut tetapih terhadap lokasi sebelum peristiwa mousemove terakhir. | MouseEvent |
| newURL | Kembalikan URL dokumen selepas diubah hash. | HasChangeEvent |
| newValue | Kembalikan nilai baru item storan yang diubah. | StorageEvent |
| offsetX | Kembalikan koordinat horizontal tujukan pengecut tetapih terhadap sempadan elemen sasaran. | MouseEvent |
| offsetY | Kembalikan koordinat vertikal tujukan pengecut tetapih terhadap sempadan elemen sasaran. | MouseEvent |
| oldURL | Kembalikan URL dokumen sebelum diubah hash. | HasChangeEvent |
| oldValue | Kembalikan nilai lama item storan yang diubah. | StorageEvent |
| onemptied | Peristiwa ini berlaku apabila terjadi kesalahan dan fail media tiba-tiba tidak tersedia. | |
| pageX | Kembalikan koordinat horizontal tujukan pengecut tetapih terhadap dokumen semasa kejadian peristiwa tetikus. | MouseEvent |
| pageY | Kembalikan koordinat vertikal tujukan pengecut tetapih terhadap dokumen semasa kejadian peristiwa tetikus. | MouseEvent |
| persisted | Kembalikan sama ada halaman web disimpan dalam cache pelayar. | PageTransitionEvent |
| preventDefault() | 如果可以取消事件，则将其取消，不执行属于该事件的默认操作。 | Event |
| propertyName | 返回与动画或过渡相关联的 CSS 属性的名称。 | |
| pseudoElement | 返回动画或过渡的伪元素的名称。 | |
| region | MouseEvent | |
| relatedTarget | 返回与触发鼠标事件的元素相关的元素。 | MouseEvent |
| relatedTarget | 返回与触发事件的元素相关的元素。 | FocusEvent |
| repeat | 返回是否重复按住某个键。 | KeyboardEvent |
| screenX | 返回窗口/鼠标指针相对于屏幕的水平坐标。 | MouseEvent |
| screenY | 返回窗口/鼠标指针相对于屏幕的垂直坐标。 | MouseEvent |
| shiftKey | 返回事件触发时是否按下了 "SHIFT" 键。 | MouseEvent |
| shiftKey | 返回按键事件触发时是否按下了 "SHIFT" 键。 | |
| state | 返回包含历史记录条目副本的对象。 | PopStateEvent |
| stopImme...() | 防止同一事件的其他侦听器被调用。 | Event |
| stopPropagation() | 防止事件在事件流中进一步传播。 | Event |
| storageArea | 返回代表受影响的存储对象的对象。 | StorageEvent |
| target | 返回触发事件的元素。 | Event |
| targetTouches | 返回包含仍与触摸面接触的所有触摸点的Touch对象的TouchList列表 | TouchEvent |
| timeStamp | 返回创建事件的时间（相对于纪元的毫秒数）。 | Event |
| total | 返回将要加载的工作总量。 | ProgressEvent |
| touches | 返回当前与表面接触的所有 touch 对象的列表。 | TouchEvent |
| type | 返回事件名称。 | Event |
| url | 返回已更改项目的所在文档的 URL。 | StorageEvent |
| which | 返回触发鼠标事件时按下的鼠标按钮。 | MouseEvent |
| which | 返回触发 onkeypress 事件的键的 Unicode 字符码，或触发 onkeydown 或 onkeyup 事件的键的 Unicode 键码 | KeyboardEvent |
| view | 返回对发生事件的 Window 对象的引用。 | UiEvent |
