【HTML5】HTML5事件属性总结
生活随笔
收集整理的這篇文章主要介紹了
【HTML5】HTML5事件属性总结
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
HTML事件屬性
HTML4增加了使事件在瀏覽器中觸發(fā)動作的能力，比如當(dāng)用戶點擊元素時啟動JavaScript。
下面列出了添加到HTML元素中，定義事件動作的全局事件屬性，HTML5引入的事件被標(biāo)記為紅色，HTML5不支持的被標(biāo)記刪除線。
Window事件屬性
下面是針對 window 對象觸發(fā)的事件 => <body>
| onafterprint | script | 文檔打印之后觸發(fā) |
| onbeforeprint | script | 文檔打印之前觸發(fā) |
| onbeforeunload | script | 文檔卸載之前觸發(fā) |
| onerror | script | 當(dāng)錯誤發(fā)生時觸發(fā) |
| onhaschange | script | 當(dāng)文檔已改變時觸發(fā) |
| onload | script | 頁面結(jié)束加載之后觸發(fā) |
| onmessage | script | 當(dāng)消息被觸發(fā)時觸發(fā) |
| onoffline | script | 當(dāng)文檔離線時觸發(fā) |
| ononline | script | 當(dāng)文檔上線時觸發(fā) |
| onpagehide | script | 當(dāng)窗口隱藏時觸發(fā) |
| onpageshow | script | 當(dāng)窗口成為可見時觸發(fā) |
| onpopstate | script | 當(dāng)窗口歷史記錄改變時觸發(fā) |
| onredo | script | 當(dāng)文檔執(zhí)行redo時觸發(fā) |
| onresize | script | 當(dāng)瀏覽器窗口被調(diào)整大小時觸發(fā) |
| onstorage | script | 當(dāng)Web Storage區(qū)域更新后觸發(fā) |
| onundo | script | 當(dāng)文檔執(zhí)行undo時觸發(fā) |
| onunload | script | 當(dāng)頁面已下載或者瀏覽器窗口已被關(guān)閉時觸發(fā) |
Form事件屬性
下面是由HTML表單內(nèi)的動作觸發(fā)的事件 => 幾乎所有的標(biāo)簽，特別是<form>
| onblur | script | 當(dāng)元素失去焦點時觸發(fā) |
| onchange | script | 當(dāng)元素值被改變時觸發(fā) |
| oncontextmenu | script | 當(dāng)上下文菜單被觸發(fā)時觸發(fā) |
| onfocus | script | 當(dāng)元素獲得焦點時觸發(fā) |
| onformchange | script | 當(dāng)表單被改變時觸發(fā) |
| onforminput | script | 當(dāng)表單獲得用戶輸入時觸發(fā) |
| oninput | script | 當(dāng)元素獲得用戶輸入時觸發(fā) |
| oninvalid | script | 當(dāng)元素?zé)o效時觸發(fā) |
| onreset | script | 當(dāng)表單中的重置按鈕被點擊時觸發(fā) |
| onselect | script | 當(dāng)元素中文本被選中后觸發(fā) |
| onsubmit | script | 當(dāng)提交表單時觸發(fā) |
Keyboard事件屬性
下面是由鍵盤或類似用戶動作觸發(fā)的事件：
| onkeydown | script | 當(dāng)用戶按下按鍵時觸發(fā) |
| onkeypress | script | 當(dāng)用戶敲擊按鈕時觸發(fā) |
| onkeyup | script | 當(dāng)用戶釋放按鍵時觸發(fā) |
Mouse事件屬性
下面是由鼠標(biāo)或類似用戶動作觸發(fā)的事件：
| onclick | script | 當(dāng)元素上發(fā)生鼠標(biāo)點擊時觸發(fā) |
| ondblclick | script | 當(dāng)元素上發(fā)生鼠標(biāo)雙擊時觸發(fā) |
| ondrag | script | 當(dāng)元素被拖動時觸發(fā) |
| ondragend | script | 當(dāng)拖動操作結(jié)束時觸發(fā) |
| ondragenter | script | 當(dāng)元素元素已被拖動到有效拖放區(qū)域時觸發(fā) |
| ondragleave | script | 當(dāng)元素離開有效拖放目標(biāo)時觸發(fā) |
| ondragover | script | 當(dāng)元素在有效拖放目標(biāo)上正在被拖動時觸發(fā) |
| ondragstart | script | 當(dāng)拖動操作開始時觸發(fā) |
| ondrop | script | 當(dāng)被拖元素正在被拖放時觸發(fā) |
| onmousedown | script | 當(dāng)元素上按下鼠標(biāo)按鈕時觸發(fā) |
| onmousemove | script | 當(dāng)鼠標(biāo)指針移動到元素上時觸發(fā) |
| onmouseout | script | 當(dāng)鼠標(biāo)指針移出元素時觸發(fā) |
| onmouseover | script | 當(dāng)鼠標(biāo)指針移動到元素上時觸發(fā) |
| onmouseup | script | 當(dāng)在元素上釋放鼠標(biāo)按鈕時觸發(fā) |
| onmousewheel | script | 當(dāng)鼠標(biāo)滾輪正在被滾動時觸發(fā) |
| onscroll | script | 當(dāng)元素滾動條被滾動時觸發(fā) |
Media事件屬性
下面是由視頻、圖像、音頻等媒體觸發(fā)的事件 => 所有的標(biāo)簽，常用于<audio>、<embed>、<img>、<object>、<video>
| onabort | script | 退出時運行的腳本 |
| oncanplay | script | 當(dāng)媒體文件就緒、緩沖已足夠開始播放時觸發(fā) |
| oncanplaythrough | script | 當(dāng)媒體能夠無需因緩沖而停止即可播放至結(jié)尾時觸發(fā) |
| ondurationchange | script | 當(dāng)媒體長度改變時觸發(fā) |
| onemptied | script | 當(dāng)發(fā)生意外斷開等故障，媒體文件突然不可用時觸發(fā) |
| onended | script | 當(dāng)媒體已到達結(jié)尾時觸發(fā) |
| onerror | script | 當(dāng)媒體文件加載期間發(fā)生錯誤時觸發(fā) |
| onloadeddata | script | 當(dāng)媒體數(shù)據(jù)已加載時觸發(fā) |
| onloadedmetadata | script | 當(dāng)元數(shù)據(jù)（分辨率、時長等）被加載時觸發(fā) |
| onloadstart | script | 在媒體文件開始加載且未實際加載任何數(shù)據(jù)前觸發(fā) |
| onpause | script | 當(dāng)媒體被用戶或程序暫停時觸發(fā) |
| onplay | script | 當(dāng)媒體已就緒可以開始播放時觸發(fā) |
| onplaying | script | 當(dāng)媒體已開始播放時觸發(fā) |
| onprogress | script | 當(dāng)瀏覽器正在獲取媒體數(shù)據(jù)時觸發(fā) |
| onratechange | script | 當(dāng)回放速率改變時觸發(fā) |
| onreadystatechange | script | 當(dāng)就緒狀態(tài)改變時觸發(fā) |
| onseeked | script | 當(dāng)seeking屬性設(shè)置為false（指示定位已結(jié)束）時觸發(fā) |
| onseeking | script | 當(dāng)seeking屬性設(shè)置為true（指示定位是活動的）時觸發(fā) |
| onstalled | script | 當(dāng)瀏覽器不論何種原因未能取回媒體數(shù)據(jù)時觸發(fā) |
| onsuspend | script | 當(dāng)媒體數(shù)據(jù)完全加載之前不論何種原因終止取回媒體數(shù)據(jù)時觸發(fā) |
| ontimeupdate | script | 當(dāng)播放位置改變（如快進到某位置）時觸發(fā) |
| onvolumechange | script | 當(dāng)音量改變時（包括將音量設(shè)置為靜音）時觸發(fā) |
| onwaiting | script | 當(dāng)媒介已停止播放但打算繼續(xù)播放時（如媒介暫停以緩沖更多數(shù)據(jù)）觸發(fā) |
總結(jié)
以上是生活随笔為你收集整理的【HTML5】HTML5事件属性总结的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【Python】处理 pydotplus
- 下一篇： 【浏览器】Firefox插件Adbloc