【HTML5】HTML事件屬性總結

HTML事件屬性

HTML4增加了使事件在瀏覽器中觸發動作的能力,比如當用戶點擊元素時啓動JavaScript。
下面列出了添加到HTML元素中,定義事件動作的全局事件屬性,HTML5引入的事件被標記爲紅色,HTML5不支持的被標記刪除線。

Window事件屬性

下面是針對 window 對象觸發的事件 => <body>

屬性 描述
onafterprint script 文檔打印之後觸發
onbeforeprint script 文檔打印之前觸發
onbeforeunload script 文檔卸載之前觸發
onerror script 當錯誤發生時觸發
onhaschange script 當文檔已改變時觸發
onload script 頁面結束加載之後觸發
onmessage script 當消息被觸發時觸發
onoffline script 當文檔離線時觸發
ononline script 當文檔上線時觸發
onpagehide script 當窗口隱藏時觸發
onpageshow script 當窗口成爲可見時觸發
onpopstate script 當窗口歷史記錄改變時觸發
onredo script 當文檔執行redo時觸發
onresize script 當瀏覽器窗口被調整大小時觸發
onstorage script 當Web Storage區域更新後觸發
onundo script 當文檔執行undo時觸發
onunload script 當頁面已下載或者瀏覽器窗口已被關閉時觸發

Form事件屬性

下面是由HTML表單內的動作觸發的事件 => 幾乎所有的標籤,特別是<form>

屬性 描述
onblur script 當元素失去焦點時觸發
onchange script 當元素值被改變時觸發
oncontextmenu script 當上下文菜單被觸發時觸發
onfocus script 當元素獲得焦點時觸發
onformchange script 當表單被改變時觸發
onforminput script 當表單獲得用戶輸入時觸發
oninput script 當元素獲得用戶輸入時觸發
oninvalid script 當元素無效時觸發
onreset script 當表單中的重置按鈕被點擊時觸發
onselect script 當元素中文本被選中後觸發
onsubmit script 當提交表單時觸發

Keyboard事件屬性

下面是由鍵盤或類似用戶動作觸發的事件:

屬性 描述
onkeydown script 當用戶按下按鍵時觸發
onkeypress script 當用戶敲擊按鈕時觸發
onkeyup script 當用戶釋放按鍵時觸發

Mouse事件屬性

下面是由鼠標或類似用戶動作觸發的事件:

屬性 描述
onclick script 當元素上發生鼠標點擊時觸發
ondblclick script 當元素上發生鼠標雙擊時觸發
ondrag script 當元素被拖動時觸發
ondragend script 當拖動操作結束時觸發
ondragenter script 當元素元素已被拖動到有效拖放區域時觸發
ondragleave script 當元素離開有效拖放目標時觸發
ondragover script 當元素在有效拖放目標上正在被拖動時觸發
ondragstart script 當拖動操作開始時觸發
ondrop script 當被拖元素正在被拖放時觸發
onmousedown script 當元素上按下鼠標按鈕時觸發
onmousemove script 當鼠標指針移動到元素上時觸發
onmouseout script 當鼠標指針移出元素時觸發
onmouseover script 當鼠標指針移動到元素上時觸發
onmouseup script 當在元素上釋放鼠標按鈕時觸發
onmousewheel script 當鼠標滾輪正在被滾動時觸發
onscroll script 當元素滾動條被滾動時觸發

Media事件屬性

下面是由視頻、圖像、音頻等媒體觸發的事件 => 所有的標籤,常用於<audio>、<embed>、<img>、<object>、<video>

屬性 描述
onabort script 退出時運行的腳本
oncanplay script 當媒體文件就緒、緩衝已足夠開始播放時觸發
oncanplaythrough script 當媒體能夠無需因緩衝而停止即可播放至結尾時觸發
ondurationchange script 當媒體長度改變時觸發
onemptied script 當發生意外斷開等故障,媒體文件突然不可用時觸發
onended script 當媒體已到達結尾時觸發
onerror script 當媒體文件加載期間發生錯誤時觸發
onloadeddata script 當媒體數據已加載時觸發
onloadedmetadata script 當元數據(分辨率、時長等)被加載時觸發
onloadstart script 在媒體文件開始加載且未實際加載任何數據前觸發
onpause script 當媒體被用戶或程序暫停時觸發
onplay script 當媒體已就緒可以開始播放時觸發
onplaying script 當媒體已開始播放時觸發
onprogress script 當瀏覽器正在獲取媒體數據時觸發
onratechange script 當回放速率改變時觸發
onreadystatechange script 當就緒狀態改變時觸發
onseeked script 當seeking屬性設置爲false(指示定位已結束)時觸發
onseeking script 當seeking屬性設置爲true(指示定位是活動的)時觸發
onstalled script 當瀏覽器不論何種原因未能取回媒體數據時觸發
onsuspend script 當媒體數據完全加載之前不論何種原因終止取回媒體數據時觸發
ontimeupdate script 當播放位置改變(如快進到某位置)時觸發
onvolumechange script 當音量改變時(包括將音量設置爲靜音)時觸發
onwaiting script 當媒介已停止播放但打算繼續播放時(如媒介暫停以緩衝更多數據)觸發
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章