Event ng HTML DOM

Event ng HTML DOM

Ang HTML DOM event ay nagbibigay ng kapangyarihan sa JavaScript na magparehistro ng iba't ibang event handler sa mga elemento ng HTML dokumento.

Ang pangyayari ay karaniwang ginagamit kasama ang function, ang function ay hindi magsisimula bago mangyari ang pangyayari (halimbawa, kapag in-click ng user ang button).

Kung gusto mong matuto ng tuturuan tungkol sa pangyayari, mangyaring sumali sa aming Tuturuan sa JavaScript Event.

pangyayari Describe Belong to
abort Nang itinigil ang pag-load ng media, mangyayari ito na pangyayari.
afterprint Nang magsimula ang pag-print ng pahina o nang isara ang print dialog, mangyayari ito na pangyayari. Event
animationend Nang natapos ang CSS animation, mangyayari ito na pangyayari. AnimationEvent
animationiteration Nang magsimula ang paulit-ulit ng CSS animation, mangyayari ito na pangyayari. AnimationEvent
animationstart Nang magsimula ang CSS animation, mangyayari ito na pangyayari. AnimationEvent
beforeprint Bago maprinntahin ang pahina, mangyayari ito na pangyayari. Event
beforeunload Bago mapalayas ang dokumento, mangyayari ito na pangyayari.
blur Nang mawala ang fokus ng elemento, mangyayari ito na pangyayari. AnimationEvent
canplay Nang maaaring magsimula ng pag-play ang browser sa media, mangyayari ito na pangyayari. Event
canplaythrough Nang maaaring mag-play ng browser ang media ng walang paghinto ng buffering, mangyayari ito na pangyayari. Event
change Nang magbago ang nilalaman, piniling nilalaman o estado ng pinili ng form, mangyayari ito na pangyayari. Event
click Nang in-click ng user ang elemento, mangyayari ito na pangyayari. MouseEvent
contextmenu Nang in-click ng kanan ng user ang elemento upang buksan ang kontekstong menu, mangyayari ito na pangyayari. MouseEvent
copy Nang in-copy ng user ang nilalaman ng elemento, mangyayari ito na pangyayari. ClipboardEvent
cut Nang in-cut ng user ang nilalaman ng elemento, mangyayari ito na pangyayari. ClipboardEvent
dblclick Nang nagdoble-click ang user sa elemento, mangyayari ito na pangyayari. MouseEvent
drag Nang nagdrag ang elemento, mangyayari ito na pangyayari. DragEvent
dragend Kapag tapos ang user na dinadrag ang elemento, nagaganap ang pangyayaring ito. DragEvent
dragenter Kapag ang dinadrag na elemento ay pumasok sa target na paglalagay, nagaganap ang pangyayaring ito. DragEvent
dragleave Kapag ang dinadrag na elemento ay inililipat palabas ng target na paglalagay, nagaganap ang pangyayaring ito. DragEvent
dragover Kapag ang dinadrag na elemento ay nasa ibabaw ng target na paglalagay, nagaganap ang pangyayaring ito. DragEvent
dragstart Kapag nagsisimula ang user na dinadrag ang elemento, nagaganap ang pangyayaring ito. DragEvent
drop Kapag inilagay ang dinadrag na elemento sa target na paglalagay, nagaganap ang pangyayaring ito. DragEvent
durationchange Nang magbabago ang durasyon ng media, nagaganap ang pangyayaring ito. Event
ended Kapag nagtapos ang pag-play ng media, nagaganap ang pangyayaring ito. Event
error Kapag nagaganap ang error pagkatapos ma-load ang panlabas na file, nagaganap ang pangyayaring ito.
focus Kapag napamahalaan ng elemento ang fokus, nagaganap ang pangyayaring ito. AnimationEvent
focusin Nang magsisimula ang elemento na makakuha ng fokus, nagaganap ang pangyayaring ito. AnimationEvent
focusout Nang magsisimula ang elemento na mawala ang fokus, nagaganap ang pangyayaring ito. AnimationEvent
fullscreenchange Kapag ipinakita ang elemento sa buong screen mode, nagaganap ang pangyayaring ito. Event
fullscreenerror Kapag ang elemento ay hindi maaaring ipakita sa buong screen mode, nagaganap ang pangyayaring ito. Event
hashchange Kapag nagbabago ang anchor ng URL, nagaganap ang pangyayaring ito. HashChangeEvent
input Kapag napamamahalaan ng elemento ang input ng user, nagaganap ang pangyayaring ito.
invalid Kapag ang elemento ay hindi mabibilang, nagaganap ang pangyayaring ito. Event
keydown Kapag pinapindutin ng user ang key, nagaganap ang pangyayaring ito. KeyboardEvent
keypress Kapag pinapindutin ng user ang key, nagaganap ang pangyayaring ito. KeyboardEvent
keyup Kapag pinapalit ang user ang key, nagaganap ang pangyayaring ito. KeyboardEvent
load Nang ma-load ang object, nagaganap ang pangyayaring ito.
loadeddata Nang ma-load ang media data, nagaganap ang pangyayaring ito. Event
loadedmetadata Nang ma-load ang metadata (tulad ng laki at durasyon), nagaganap ang pangyayaring ito. Event
loadstart Kapag nagsisimula ang browser na hanapin ang tinukoy na media, nagaganap ang pangyayaring ito. ProgressEvent
message Nang ipinapakita ang mensahe sa pamamagitan ng source ng pangyayari, nagaganap ang pangyayaring ito. Event
mousedown Kapag pinapindutin ng user ang mouse button sa elemento, nagaganap ang pangyayaring ito. MouseEvent
mouseenter Kapag inililipat ang pointer sa elemento, nagaganap ang pangyayaring ito. MouseEvent
mouseleave Kapag inililipat ang pointer palabas ng elemento, nagaganap ang pangyayaring ito. MouseEvent
mousemove Kapag inililipat ang pointer sa ibabaw ng elemento, nagaganap ang pangyayaring ito. MouseEvent
mouseout Kapag inililipat ang mouse pointer palabas ng elemento o sa isang anak ng elemento, nagaganap ang pangyayaring ito. MouseEvent
mouseover Kapag inililipat ang pointer sa elemento o sa isang anak ng elemento, nagaganap ang pangyayaring ito. MouseEvent
mouseup Kapag pinapalit sa elemento ang mouse button ng user, nagaganap ang pangyayaring ito. MouseEvent
mousewheel 不推薦使用。請改用 wheel 事件。 WheelEvent
offline 當瀏覽器開始脱機工作时，發生此事件。 Event
online 當瀏覽器開始在線工作时，發生此事件。 Event
open 當打開與事件源的連接時，發生此事件。 Event
pagehide 當用戶離開某張網頁進行導航時，發生此事件。 PageTransitionEvent
pageshow 在用戶導航到某張網頁時，發生此事件。 PageTransitionEvent
paste 當用戶將一些內容粘貼到元素中時，發生此事件。 ClipboardEvent
pause 當媒體被用戶暫停或以編程方式暫停時，發生此事件。 Event
play 當媒體已啟動或不再暫停時，發生此事件。 Event
playing 在媒體被暫停或停止以緩存後播放時，發生此事件。 Event
popstate 窗口的歷史記錄改變時，發生此事件。 PopStateEvent
progress 當瀏覽器正處於獲取媒體數據的過程中時，發生此事件。 Event
ratechange 媒體播放速度改變時發生此事件。 Event
reset 重置表單時發生此事件。 Event
resize 調整文檔視圖的大小時發生此事件。
scroll 滾動元素的滾動條時發生此事件。
search 當用戶在搜索字段中輸入內容時，發生此事件。 Event
seeked 當用戶完成移動/跳到媒體中的新位置時，發生此事件。 Event
seeking 當用戶開始移動/跳到媒體中的新位置時，發生該事件。 Event
select 用戶選擇文本後（對於<input>和<textarea>）發生此事件
show 當 <menu> 元素顯示為上下文菜單時，發生此事件。 Event
stalled 當瀏覽器嘗試獲取媒體數據但數據不可用時，發生此事件。 Event
storage Web 存储區域更新時發生此事件。 StorageEvent
submit 在提交表單時發生此事件。 Event
suspend 當瀏覽器有意不獲取媒體數據時，發生此事件。 Event
timeupdate 當播放位置更改時發生此事件。 Event
toggle 當用戶打開或關閉 <details> 元素時，發生此事件。 Event
touchcancel 在觸摸被中斷時，發生此事件。 TouchEvent
touchend 當手指從觸摸屏上移開時，發生此事件。 TouchEvent
touchmove 當手指在屏幕上拖動時，發生此事件。 TouchEvent
touchstart 當手指放在觸摸屏上時，發生此事件。 TouchEvent
transitionend CSS 转换完成时，发生此事件。 TransitionEvent
unload Nangyayari ang event na ito pagkatapos i-unload ang pahina (para sa <body>).
volumechange Nangyayari ang event na ito kapag nagbago ang volume ng media. Event
waiting Nangyayari ang event na ito kapag ang media ay pinagpahinto ngunit inaasahan na makakabalik. Event
wheel Nangyayari ang event na ito kapag ang mouse wheel ay gumagalaw pataas o pababa sa element. WheelEvent

HTML DOM Event Properties and Methods

Attribute/Method Describe Belong to
altKey Ibalik kung naipinag simulan ang 'ALT' key sa panahon ng pagyakap ng mouse event. MouseEvent
altKey Ibalik kung naipinag simulan ang 'ALT' key sa panahon ng pagyakap ng key event.
animationName Ibalik ang pangalan ng animation. AnimationEvent
bubbles Ibalik kung ang partikular na event ay bubbling event. Event
button បញ្ជូនបំពង់ចង្កូតដែលបានចុះនៅពេលឧប្បត្តិហេតុម៉ាសូស កើតឡើង MouseEvent
buttons បញ្ជូនបំពង់ចង្កូតដែលបានចុះនៅពេលឧប្បត្តិហេតុម៉ាសូស កើតឡើង MouseEvent
cancelBubble Iseta o ibalik kung dapat ipapasa ang event sa taas na antas.
cancelable Ibalik kung ang event ay maaaring ipagbawal ang kanyang default na operasyon. Event
changeTouches Ibalik ang listahan ng lahat ng object ng touch na nagbago ng estado sa pagitan ng nakaraang touch at kasalukuyang touch. TouchEvent
charCode Ibalik ang Unicode character code ng key na nagpaliligtas ng onkeypress event. KeyboardEvent
clientX Ibalik ang horizontal coordinate ng pointer ng mouse sa paligid ng kasalukuyang window sa panahon ng pagyakap ng mouse event.
clientY Ibalik ang vertical coordinate ng pointer ng mouse sa paligid ng kasalukuyang window sa panahon ng pagyakap ng mouse event.
clipboardData Ibalik ang bagay na naglalaman ng data na apektado ng operasyon ng clipboard. ClipboardData
code Ibalik ang code ng key na nagpaliligtas ng event. KeyboardEvent
composed Nagbibigay ng tanda kung ang event ay maaaring maipasa mula sa Shadow DOM sa pangkalahatang DOM. Event
composedPath() Ibalik ang daan ng event.
createEvent() Lumikha ng bagong event. Event
ctrlKey Ibalik kung naipinag simulan ang 'CTRL' key sa panahon ng pagyakap ng mouse event. MouseEvent
ctrlKey Ibalik kung naipinag simulan ang 'CTRL' key sa panahon ng pagyakap ng mouse event.
currentTarget Ibalik ang elemente na nagpaliligtas ng event sa pamamagitan ng tagasikap. Event
data Ibalik ang ipinakilala na character. InputEvent
dataTransfer Ibalik ang isang bagay na naglalaman ng inililipat o idinikit na data.
defaultPrevented Ibalik kung may iipatanggap ang preventDefault() method sa pagtawag ng event. Event
deltaX Ibalik ang dami ng pagyapak ng mouse wheel sa horizontal (x-axis). WheelEvent
deltaY Ibalik ang dami ng pagyapak ng mouse wheel sa vertical (y-axis). WheelEvent
deltaZ Ibabalik ang dami ng pagyapak ng mouse wheel sa Z-axis. WheelEvent
deltaMode Bumalik ang numero na naglalarawan ng unit ng halaga ng pagtaas o pagbaba (pixels, lines o pages) na kumakatawan sa value ng pagtaas o pagbaba. WheelEvent
detail Bumalik ang bilang ng beses na pinindot ang mouse. UiEvent
elapsedTime Bumalik ang numero ng segundo na lumipas ng animation. AnimationEvent
elapsedTime Bumalik ang numero ng segundo na lumipas ng transition. 　
eventPhase Bumalik ang tahasang kasalukuyan ng event phase sa event stream. Event
getModifierState() Bumalik ang array na naglalaman ng saklaw ng target na malinlangan ng pagdagdag o pag-alis. MouseEvent
getTargetRanges() Bumalik ang array na naglalaman ng saklaw ng target na malinlangan ng pagdagdag o pag-alis. InputEvent
inputType Bumalik ang uri ng pagbabago (kaya 'inserting' o 'deleting'). InputEvent
isComposing Bumalik kung ang estado ng event ay kasalukuyang binubuo.
isTrusted Bumalik kung ang event ay trusted. Event
key Bumalik ang value ng key na inaasahan ng event. KeyboardEvent
key Bumalik ang key ng item sa storage na napalitan. StorageEvent
keyCode Bumalik ang Unicode character code ng key na nag triggle ang event na onkeypress, onkeydown o onkeyup. KeyboardEvent
location Bumalik ang posisyon ng key sa keyboard o device. KeyboardEvent
lengthComputable Bumalik kung ang haba ng progreso ay maaaring mabibilang. ProgressEvent
loaded Bumalik ang halaga ng trabaho na na-load. ProgressEvent
metaKey Bumalik kung ang 'META' key ay pinindot kapag nangyari ang event. MouseEvent
metaKey Bumalik kung ang 'META' key ay pinindot kapag nangyari ang event na key event.
MovementX Bumalik ang horizontal na koordinata ng pointer ng mouse kapag nagbago ang posisyon sa event na mousemove. MouseEvent
MovementY Bumalik ang vertical na koordinata ng pointer ng mouse kapag nagbago ang posisyon sa event na mousemove. MouseEvent
newURL Bumalik ang URL ng dokumento pagkatapos nagbago ang hash. HasChangeEvent
newValue Bumalik ang bagong halaga ng item sa storage na napalitan. StorageEvent
offsetX Bumalik ang horizontal na koordinata ng pointer ng mouse sa gilid ng element na target. MouseEvent
offsetY Bumalik ang vertical na koordinata ng pointer ng mouse sa gilid ng element na target. MouseEvent
oldURL Bumalik ang URL ng dokumento bago nagbago ang hash. HasChangeEvent
oldValue Bumalik ang lumang halaga ng item sa storage na napalitan. StorageEvent
onemptied Nangyari ito kapag may masamang sitwasyon at ang media file ay hindi na magagamit biglang. 　
pageX Bumalik ang horizontal na koordinata ng pointer ng mouse sa dokumento kapag nangyari ang mouse event. MouseEvent
pageY Bumalik ang vertical na koordinata ng pointer ng mouse sa dokumento kapag nangyari ang mouse event. MouseEvent
persisted Bumalik ang pahina sa cache ng browser. PageTransitionEvent
preventDefault() 如果可以取消事件，则将其取消，不执行属于该事件的默认操作。 Event
propertyName 返回与动画或过渡相关联的 CSS 属性的名称。
pseudoElement 返回动画或过渡的伪元素的名称。
region MouseEvent
propertyName preventDefault() MouseEvent
propertyName pseudoElement AnimationEvent
TransitionEvent region KeyboardEvent
relatedTarget FocusEvent MouseEvent
repeat screenX MouseEvent
shiftKey screenY MouseEvent
shiftKey shiftKey
shiftKey state PopStateEvent
stopImme...() បរាជ័យការហៅឧប្បត្តិហេតុដែលទាក់ទងនឹងឧប្បត្តិហេតុដូចគ្នាផ្សេងទៀត Event
stopPropagation() បរាជ័យឧប្បត្តិហេតុក្នុងការផ្សព្វផ្សាយឧប្បត្តិហេតុ Event
storageArea បញ្ជូនតំរូវសញ្ញាតំណាងនៃវត្ថុដែលទទួលរងផលប៉ះពាល់ StorageEvent
target បញ្ជូនតំរូវសញ្ញាតំណាងនៃសញ្ញាតំណាងដែលបង្កអោយឧប្បត្តិហេតុ Event
targetTouches បញ្ជូនបញ្ជី TouchList នៃ Touch វត្ថុដែលនៅមានទំនាក់ទំនងជាមួយផ្ទៃដែលទាក់ទង TouchEvent
timeStamp បញ្ជូនពេលវេលាកើតឡើងឧប្បត្តិហេតុ (ក្នុងម៉ោងម៉ាស៊ីស) Event
total បញ្ជូនចំនួនការងារដែលនឹងត្រូវបានបាញ់ ProgressEvent
touches បញ្ជូនបញ្ជីនៃ touch វត្ថុដែលទំនាក់ទំនងជាមួយផ្ទៃ TouchEvent
type បញ្ជូនឈ្មោះឧប្បត្តិហេតុ Event
url បញ្ជូន URL នៃឯកសារដែលមានគំរោងផ្លាស់ប្តូរ StorageEvent
which បញ្ជូនបំពង់ចង្កូតដែលបានចុះនៅពេលឧប្បត្តិហេតុម៉ាសូស កើតឡើង MouseEvent
which បញ្ជូន Unicode លេខក្រភព របស់ចង្កូតដែលបង្កអោយឧប្បត្តិហេតុ onkeypress កើតឡើង ឬ Unicode លេខក្រភព របស់ចង្កូតដែលបង្កអោយឧប្បត្តិហេតុ onkeydown ឬ onkeyup កើតឡើង KeyboardEvent
view បញ្ជូននូវតំណាង Window ដែលកើតឡើងឧប្បត្តិហេតុ UiEvent