參考:https://developer.mozilla.org/en-US/docs/Web/API/Element
GlobalEventHandlers描述了一系列web worker(如HTMLElement, Document, Window或 WorkerGlobalScope)的事件接口。這裏面每一個接口都可添加更多的事件句柄。
事件 | 屬性 | 描述 |
---|---|---|
abort | onabort | 中止文檔加載 |
blur | onblur | 元素失去焦點時觸發模糊事件 |
cancel | oncancel | 當用戶需要離開一個<dialog>元素時觸發,不會向上傳遞 |
canplay | oncanplay | 當用戶代理能夠播放媒體時canplay事件被觸發 |
canplaythrough | oncanplaythrough | 當用戶代理可播放媒體資源並可播放至其結束而不必進一步緩衝內容時觸發 |
change | onchange | 可以用來獲取或設置當前元素的change事件的事件處理函數 |
click | onclick | 用戶點擊一個元素時會觸發 click 事件,運行在 mousedown 和 mouseup 後 |
close | onclose | 用於處理髮送到<dialog>元素的關閉事件 |
contextmenu | oncontextmenu | 在窗口上單擊鼠標右鍵時會觸發contextmenu事件 |
cuechange | oncuechange | 當TextTrack更改了當前顯示的提示時將觸發cuechange事件 |
dblclick | ondblclick | 用戶雙擊元素時將引發dblclick事件。,在兩次單擊事件後觸發 |
durationchange | ondurationchange | 當duration屬性已更新時,觸發durationchange事件 |
ended | onended | 當由於媒體已到達末尾而停止播放時,觸發end事件 |
error | onerror | 當資源加載失敗時,會在啓動加載的元素上觸發使用接口Event的錯誤事件,並調用該元素上的onerror()處理函數 |
focus | onfocus | 當用戶將焦點設置在元素上時,引發焦點事件 |
gotpointercapture | ongotpointercapture | 用於處理gotpointercapture事件 |
input | oninput | 用於處理<input>,<select>和<textarea>元素上的輸入事件。 它還在打開contenteditable或designMode的元素上處理這些事件 |
invalid | oninvalid | 當檢查了一個可提交元素並且不滿足其約束時,將觸發無效事件 |
keydown | onkeydown | 用戶按下鍵盤時觸發 |
keypress | onkeypress | 當用戶按下鍵盤上的某個鍵時應觸發keypress事件。 但實際上瀏覽器不會觸發某些按鍵的按鍵事件。已被棄用。 |
keyup | onkeyup | 當用戶釋放先前按下的鍵時會觸發keyup事件 |
load | onload | 用於處理Window,XMLHttpRequest,<img>元素等上的加載事件。當加載給定資源時,將觸發load事件。 |
loadeddata | onloadeddata | 用於處理已加載數據事件的EventHandler。當媒體的第一幀完成加載時,將觸發loadeddata事件。 |
loadedmetadata | onloadedmetadata | 用於處理已加載的元數據事件的EventHandler。加載元數據後,將觸發loadedmetadata事件。 |
loadend | onloadend | 引發loadend事件時(資源加載進度停止時)要調用的代碼。 |
loadstart | onloadstart | 引發loadstart事件時(資源加載開始時)要調用的代碼。 |
lostpointercapture | onlostpointercapture | 用於處理lostpointercapture事件。 |
mousedown | onmousedown | 當用戶按下鼠標按鈕時,將觸發mousedown事件。 |
mouseenter | onmouseenter | 當將指針設備(通常是鼠標)移到連接了偵聽器的元素上時,觸發mouseenter事件。 |
mouseleave | onmouseleave | 當將指針設備(通常是鼠標)從連接了偵聽器的元素上移開時,觸發mouseleave事件。 |
mousemove | onmousemove | 用戶移動鼠標時將觸發mousemove事件 |
mouseout | onmouseout | 當鼠標離開元素時,將觸發mouseout事件 |
mouseover | onmouseover | 當用戶將鼠標移到特定元素上時,將觸發mouseover事件 |
mouseup | onmouseup | 用戶釋放鼠標按鈕時,將觸發mouseup事件。 |
pause | onpause | 當媒體播放已暫停時,將觸發pause事件。 |
play | onplay | 用於處理播放事件的EventHandler。 |
pointercancel | onpointercancel | 處理指針取消事件的EventHandler。 |
pointerdown | onpointerdown | 用於指定指標下降事件的事件處理程序,在最初按下指針設備時觸發。 |
pointerenter | onpointerenter | 處理指針事件的EventHandler。 |
pointerleave | onpointerleave | 指針離開事件的全局事件處理程序,當指針(鼠標光標,指尖等)離開其命中測試區域(例如,如果光標離開元素或窗口的內容區域)時,將傳遞給節點。 |
pointermove | onpointermove | 處理指針移動事件的EventHandler。 |
pointerout | onpointerout | 處理指針事件的EventHandler。 |
pointerover | onpointerover | 處理指針轉換事件的EventHandler。 |
pointerup | onpointerup | 處理指針事件的EventHandler。 |
reset | onreset | 處理重置事件的EventHandler。當用戶單擊表單(<input type =“ reset”>)中的重置按鈕時,將觸發重置事件。 |
resize | onresize | 用於處理調整大小的事件。調整大小窗口後,將觸發resize事件。 |
scroll | onscroll | 處理滾動事件。當用戶,Web API或用戶代理滾動了文檔視圖或元素時,觸發滾動事件。onwheel處理一般的車輪旋轉,而onscroll處理對象內容的滾動。 |
select | onselect | 處理選擇事件的EventHandler。選擇事件僅在選擇<input type =“ text”>或<textarea>中的文本之後纔會觸發。 |
selectionchange | onselectionchange | 處理選擇更改事件的EventHandler。當網頁上選定的文本更改時,會觸發selectionchange事件。 |
selectstart | onselectstart | 處理選擇啓動事件的EventHandler。當用戶開始在網頁上進行新的文本選擇時,觸發selectstart事件。 |
submit | onsubmit | 處理提交事件的EventHandler。用戶提交表單時將觸發Submit事件。 |
transitioncancel | ontransitioncancel | 取消CSS過渡時,將發送transitioncancel事件。 在以下情況下取消轉換:應用於目標的過渡屬性屬性的值已更改,顯示屬性設置爲“無”。轉換在完成之前就已停止,例如通過將鼠標從懸停過渡元素上移開。 |
transitionend | ontransitioned | 當CSS轉換完成時,將發送transitionend事件。如果在轉換完成執行之前將轉換從其目標節點中刪除,則不會生成tr事件。發生這種情況的一種方法是通過更改應用於目標的過渡屬性的值。 另一個是將display屬性設置爲“ none”。 |
wheel | onwheel | 當用戶旋轉鼠標(或其他定點設備)滾輪時,將觸發滾輪事件。 |