HTML 參考手冊
HTML 4 的新特性之一是可以使 HTML 事件觸發(fā)瀏覽器中的行為,比方說當用戶點擊某個 HTML 元素時啟動一段 JavaScript。
如果你想學習更多關(guān)于事件屬性,請訪問 JavaScript 教程
下面的表格提供了標準的事件屬性,可以把它們插入 HTML/XHTML 元素中,以定義事件行為。
New?: HTML5新增屬性事件。
由窗口觸發(fā)該事件 (適用于 <body> 標簽):
屬性 | 值 | 描述 |
---|---|---|
onafterprintNew | script | 在打印文檔之后運行腳本 |
onbeforeprintNew | script | 在文檔打印之前運行腳本 |
onbeforeonloadNew | script | 在文檔加載之前運行腳本 |
onblur | script | 當窗口失去焦點時運行腳本 |
onerrorNew | script | 當錯誤發(fā)生時運行腳本 |
onfocus | script | 當窗口獲得焦點時運行腳本 |
onhashchangeNew | script | 當文檔改變時運行腳本 |
onload | script | 當文檔加載時運行腳本 |
onmessageNew | script | 當觸發(fā)消息時運行腳本 |
onofflineNew | script | 當文檔離線時運行腳本 |
ononlineNew | script | 當文檔上線時運行腳本 |
onpagehideNew | script | 當窗口隱藏時運行腳本 |
onpageshowNew | script | 當窗口可見時運行腳本 |
onpopstateNew | script | 當窗口歷史記錄改變時運行腳本 |
onredoNew | script | 當文檔執(zhí)行再執(zhí)行操作(redo)時運行腳本 |
onresizeNew | script | 當調(diào)整窗口大小時運行腳本 |
onstorageNew | script | 當 Web Storage 區(qū)域更新時(存儲空間中的數(shù)據(jù)發(fā)生變化時)運行腳本 |
onundoNew | script | 當文檔執(zhí)行撤銷時運行腳本 |
onunloadNew | script | 當用戶離開文檔時運行腳本 |
表單事件在HTML表單中觸發(fā) (適用于所有 HTML 元素, 但該HTML元素需在form表單內(nèi)):
屬性 | 值 | 描述 |
---|---|---|
onblur | script | 當元素失去焦點時運行腳本 |
onchange | script | 當元素改變時運行腳本 |
oncontextmenuNew | script | 當觸發(fā)上下文菜單時運行腳本 |
onfocus | script | 當元素獲得焦點時運行腳本 |
onformchangeNew | script | 當表單改變時運行腳本 |
onforminputNew | script | 當表單獲得用戶輸入時運行腳本 |
oninputNew | script | 當元素獲得用戶輸入時運行腳本 |
oninvalidNew | script | 當元素無效時運行腳本 |
onreset | script | 當表單重置時運行腳本。HTML 5 不支持。 |
onselect | script | 當選取元素時運行腳本 |
onsubmit | script | 當提交表單時運行腳本 |
屬性 | 值 | 描述 |
---|---|---|
onkeydown | script | 當按下按鍵時運行腳本 |
onkeypress | script | 當按下并松開按鍵時運行腳本 |
onkeyup | script | 當松開按鍵時運行腳本 |
通過鼠標觸發(fā)事件, 類似用戶的行為:
屬性 | 值 | 描述 |
---|---|---|
onclick | script | 當單擊鼠標時運行腳本 |
ondblclick | script | 當雙擊鼠標時運行腳本 |
ondragNew | script | 當拖動元素時運行腳本 |
ondragendNew | script | 當拖動操作結(jié)束時運行腳本 |
ondragenterNew | script | 當元素被拖動至有效的拖放目標時運行腳本 |
ondragleaveNew | script | 當元素離開有效拖放目標時運行腳本 |
ondragoverNew | script | 當元素被拖動至有效拖放目標上方時運行腳本 |
ondragstartNew | script | 當拖動操作開始時運行腳本 |
ondropNew | script | 當被拖動元素正在被拖放時運行腳本 |
onmousedown | script | 當按下鼠標按鈕時運行腳本 |
onmousemove | script | 當鼠標指針移動時運行腳本 |
onmouseout | script | 當鼠標指針移出元素時運行腳本 |
onmouseover | script | 當鼠標指針移至元素之上時運行腳本 |
onmouseup | script | 當松開鼠標按鈕時運行腳本 |
onmousewheelNew | script | 當轉(zhuǎn)動鼠標滾輪時運行腳本 |
onscrollNew | script | 當滾動元素的滾動條時運行腳本 |
通過視頻(videos),圖像(images)或者音頻(audio) 觸發(fā)該事件,多應(yīng)用于HTML媒體元素比如 <audio>, <embed>, <img>, <object>, 和<video>):
屬性 | 值 | 描述 |
---|---|---|
onabort | script | 當發(fā)生中止事件時運行腳本 |
oncanplayNew | script | 當媒介能夠開始播放但可能因緩沖而需要停止時運行腳本 |
oncanplaythroughNew | script | 當媒介能夠無需因緩沖而停止即可播放至結(jié)尾時運行腳本 |
ondurationchangeNew | script | 當媒介長度改變時運行腳本 |
onemptiedNew | script | 當媒介資源元素突然為空時(網(wǎng)絡(luò)錯誤、加載錯誤等)運行腳本 |
onendedNew | script | 當媒介已抵達結(jié)尾時運行腳本 |
onerrorNew | script | 當在元素加載期間發(fā)生錯誤時運行腳本 |
onloadeddataNew | script | 當加載媒介數(shù)據(jù)時運行腳本 |
onloadedmetadataNew | script | 當媒介元素的持續(xù)時間以及其他媒介數(shù)據(jù)已加載時運行腳本 |
onloadstartNew | script | 當瀏覽器開始加載媒介數(shù)據(jù)時運行腳本 |
onpauseNew | script | 當媒介數(shù)據(jù)暫停時運行腳本 |
onplayNew | script | 當媒介數(shù)據(jù)將要開始播放時運行腳本 |
onplayingNew | script | 當媒介數(shù)據(jù)已開始播放時運行腳本 |
onprogressNew | script | 當瀏覽器正在取媒介數(shù)據(jù)時運行腳本 |
onratechangeNew | script | 當媒介數(shù)據(jù)的播放速率改變時運行腳本 |
onreadystatechangeNew | script | 當就緒狀態(tài)(ready-state)改變時運行腳本 |
onseekedNew | script | 當媒介元素的定位屬性 [1] 不再為真且定位已結(jié)束時運行腳本 |
onseekingNew | script | 當媒介元素的定位屬性為真且定位已開始時運行腳本 |
onstalledNew | script | 當取回媒介數(shù)據(jù)過程中(延遲)存在錯誤時運行腳本 |
onsuspendNew | script | 當瀏覽器已在取媒介數(shù)據(jù)但在取回整個媒介文件之前停止時運行腳本 |
ontimeupdateNew | script | 當媒介改變其播放位置時運行腳本 |
onvolumechangeNew | script | 當媒介改變音量亦或當音量被設(shè)置為靜音時運行腳本 |
onwaitingNew | script | 當媒介已停止播放但打算繼續(xù)播放時運行腳本 |
屬性 | 值 | 描述 |
---|---|---|
onshowNew | script | 當 <menu> 元素在上下文顯示時觸發(fā) |
ontoggleNew | script | 當用戶打開或關(guān)閉 <details> 元素時觸發(fā) |