事件處理器的值是一個或一系列以分號隔開的 Javascript 表達式、方法和函數(shù)調(diào)用,并用引號引起來。當事件發(fā)生時,瀏覽器會執(zhí)行這些代碼。
HTML 4 的新特性之一是可以使 HTML 事件觸發(fā)瀏覽器中的行為,比方說當用戶點擊某個 HTML 元素時啟動一段 JavaScript。
下面的表格提供了標準的事件屬性,可以把它們插入 HTML/XHTML 元素中,以定義事件行為。
HTML5 : HTML5新增屬性事件。
由窗口觸發(fā)該事件 (適用于 <body> 標簽):
屬性 | 值 | 描述 |
onafterprintHTML5 | script | 在打印文檔之后運行腳本 |
onbeforeprintHTML5 | script | 在文檔打印之前運行腳本 |
onbeforeonloadHTML5 | script | 在文檔加載之前運行腳本 |
onblur | script | 當窗口失去焦點時運行腳本 |
onerrorHTML5 | script | 當錯誤發(fā)生時運行腳本 |
onfocus | script | 當窗口獲得焦點時運行腳本 |
onhaschangeHTML5 | script | 當文檔改變時運行腳本 |
onload | script | 當文檔加載時運行腳本 |
onmessageHTML5 | script | 當觸發(fā)消息時運行腳本 |
onofflineHTML5 | script | 當文檔離線時運行腳本 |
ononlineHTML5 | script | 當文檔上線時運行腳本 |
onpagehideHTML5 | script | 當窗口隱藏時運行腳本 |
onpageshowHTML5 | script | 當窗口可見時運行腳本 |
onpopstateHTML5 | script | 當窗口歷史記錄改變時運行腳本 |
onredoHTML5 | script | 當文檔執(zhí)行再執(zhí)行操作(redo)時運行腳本 |
onresizeHTML5 | script | 當調(diào)整窗口大小時運行腳本 |
onstorageHTML5 | script | 當 Web Storage 區(qū)域更新時(存儲空間中的數(shù)據(jù)發(fā)生變化時)運行腳本 |
onundoHTML5 | script | 當文檔執(zhí)行撤銷時運行腳本 |
onunloadHTML5 | script | 當用戶離開文檔時運行腳本 |
表單事件在HTML表單中觸發(fā) (適用于所有 HTML 元素, 但該HTML元素需在form表單內(nèi)):
屬性 | 值 | 描述 |
onblur | script | 當元素失去焦點時運行腳本 |
onchange | script | 當元素改變時運行腳本 |
oncontextmenuHTML5 | script | 當觸發(fā)上下文菜單時運行腳本 |
onfocus | script | 當元素獲得焦點時運行腳本 |
onformchangeHTML5 | script | 當表單改變時運行腳本 |
onforminputHTML5 | script | 當表單獲得用戶輸入時運行腳本 |
oninputHTML5 | script | 當元素獲得用戶輸入時運行腳本 |
oninvalidHTML5 | script | 當元素無效時運行腳本 |
onreset | script | 當表單重置時運行腳本。HTML 5 不支持。 |
onselect | script | 當選取元素時運行腳本 |
onsubmit | script | 當提交表單時運行腳本 |
屬性 | 值 | 描述 |
onkeydown | script | 當按下按鍵時運行腳本 |
onkeypress | script | 當按下并松開按鍵時運行腳本 |
onkeyup | script | 當松開按鍵時運行腳本 |
通過鼠標觸發(fā)事件, 類似用戶的行為:
屬性 | 值 | 描述 |
onclick | script | 當單擊鼠標時運行腳本 |
ondblclick | script | 當雙擊鼠標時運行腳本 |
onmousedown | script | 當按下鼠標按鈕時運行腳本 |
onmousemove | script | 當鼠標指針移動時運行腳本 |
onmouseout | script | 當鼠標指針移出元素時運行腳本 |
onmouseover | script | 當鼠標指針移至元素之上時運行腳本 |
onmouseup | script | 當松開鼠標按鈕時運行腳本 |
onmousewheelHTML5 | script | 當轉(zhuǎn)動鼠標滾輪時運行腳本 |
通過拖動鼠標觸發(fā)事件, 類似用戶的行為:
屬性 | 值 | 描述 |
ondragHTML5 | script | 當拖動元素時運行腳本 |
ondragendHTML5 | script | 當拖動操作結(jié)束時運行腳本 |
ondragenterHTML5 | script | 當元素被拖動至有效的拖放目標時運行腳本 |
ondragleaveHTML5 | script | 當元素離開有效拖放目標時運行腳本 |
ondragoverHTML5 | script | 當元素被拖動至有效拖放目標上方時運行腳本 |
ondragstartHTML5 | script | 當拖動操作開始時運行腳本 |
ondropHTML5 | script | 當被拖動元素正在被拖放時運行腳本 |
onscrollHTML5 | script | 當滾動元素的滾動條時運行腳本 |
通過視頻(videos),圖像(images)或者音頻(audio) 觸發(fā)該事件,多應用于HTML媒體元素比如 <audio>, <embed>, <img>, <object>, 和<video>):
屬性 | 值 | 描述 |
onabort | script | 當發(fā)生中止事件時運行腳本 |
oncanplayHTML5 | script | 當媒介能夠開始播放但可能因緩沖而需要停止時運行腳本 |
oncanplaythroughHTML5 | script | 當媒介能夠無需因緩沖而停止即可播放至結(jié)尾時運行腳本 |
ondurationchangeHTML5 | script | 當媒介長度改變時運行腳本 |
onemptiedHTML5 | script | 當媒介資源元素突然為空時(網(wǎng)絡錯誤、加載錯誤等)運行腳本 |
onendedHTML5 | script | 當媒介已抵達結(jié)尾時運行腳本 |
onerrorHTML5 | script | 當在元素加載期間發(fā)生錯誤時運行腳本 |
onloadeddataHTML5 | script | 當加載媒介數(shù)據(jù)時運行腳本 |
onloadedmetadataHTML5 | script | 當媒介元素的持續(xù)時間以及其他媒介數(shù)據(jù)已加載時運行腳本 |
onloadstartHTML5 | script | 當瀏覽器開始加載媒介數(shù)據(jù)時運行腳本 |
onpauseHTML5 | script | 當媒介數(shù)據(jù)暫停時運行腳本 |
onplayHTML5 | script | 當媒介數(shù)據(jù)將要開始播放時運行腳本 |
onplayingHTML5 | script | 當媒介數(shù)據(jù)已開始播放時運行腳本 |
onprogressHTML5 | script | 當瀏覽器正在取媒介數(shù)據(jù)時運行腳本 |
onratechangeHTML5 | script | 當媒介數(shù)據(jù)的播放速率改變時運行腳本 |
onreadystatechangeHTML5 | script | 當就緒狀態(tài)(ready-state)改變時運行腳本 |
onseekedHTML5 | script | 當媒介元素的定位屬性 [1] 不再為真且定位已結(jié)束時運行腳本 |
onseekingHTML5 | script | 當媒介元素的定位屬性為真且定位已開始時運行腳本 |
onstalledHTML5 | script | 當取回媒介數(shù)據(jù)過程中(延遲)存在錯誤時運行腳本 |
onsuspendHTML5 | script | 當瀏覽器已在取媒介數(shù)據(jù)但在取回整個媒介文件之前停止時運行腳本 |
ontimeupdateHTML5 | script | 當媒介改變其播放位置時運行腳本 |
onvolumechangeHTML5 | script | 當媒介改變音量亦或當音量被設置為靜音時運行腳本 |
onwaitingHTML5 | script | 當媒介已停止播放但打算繼續(xù)播放時運行腳本 |
屬性 | 值 | 描述 |
onshowHTML5 | script | 當 <menu> 元素在上下文顯示時觸發(fā) |
ontoggleHTML5 | script | 當用戶打開或關(guān)閉 <details> 元素時觸發(fā) |