【HTML5】HTML5事件属性总结
生活随笔
收集整理的這篇文章主要介紹了
【HTML5】HTML5事件属性总结
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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 | 當媒介已停止播放但打算繼續播放時（如媒介暫停以緩沖更多數據）觸發 |
總結
以上是生活随笔為你收集整理的【HTML5】HTML5事件属性总结的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【Python】处理 pydotplus
- 下一篇： 【浏览器】Firefox插件Adbloc