HTML 事件屬性


全局事件屬性

HTML 4 的新特性之一是可以使 HTML 事件觸發瀏覽器中的行為,比方說當用戶點擊某個 HTML 元素時啟動一段 JavaScript。

如果你想學習更多關于事件屬性,請訪問 JavaScript 教程

下面的表格提供了標準的事件屬性,可以把它們插入 HTML/XHTML 元素中,以定義事件行為。

New : HTML5新增屬性事件。


窗口事件屬性(Window Event Attributes)

由窗口觸發該事件 (適用于 <body> 標簽):

屬性 描述
onafterprintNew script 在打印文檔之后運行腳本
onbeforeprintNew script 在文檔打印之前運行腳本
onbeforeonloadNew script 在文檔加載之前運行腳本
onblur script 當窗口失去焦點時運行腳本
onerrorNew script 當錯誤發生時運行腳本
onfocus script 當窗口獲得焦點時運行腳本
onhaschangeNew script 當文檔改變時運行腳本
onload script 當文檔加載時運行腳本
onmessageNew script 當觸發消息時運行腳本
onofflineNew script 當文檔離線時運行腳本
ononlineNew script 當文檔上線時運行腳本
onpagehideNew script 當窗口隱藏時運行腳本
onpageshowNew script 當窗口可見時運行腳本
onpopstateNew script 當窗口歷史記錄改變時運行腳本
onredoNew script 當文檔執行再執行操作(redo)時運行腳本
onresizeNew script 當調整窗口大小時運行腳本
onstorageNew script 當 Web Storage 區域更新時(存儲空間中的數據發生變化時)運行腳本
onundoNew script 當文檔執行撤銷時運行腳本
onunloadNew script 當用戶離開文檔時運行腳本


表單事件(Form Events)

表單事件在HTML表單中觸發 (適用于所有 HTML 元素, 但該HTML元素需在form表單內):

屬性 描述
onblur script 當元素失去焦點時運行腳本
onchange script 當元素改變時運行腳本
oncontextmenuNew script 當觸發上下文菜單時運行腳本
onfocus script 當元素獲得焦點時運行腳本
onformchangeNew script 當表單改變時運行腳本
onforminputNew script 當表單獲得用戶輸入時運行腳本
oninputNew script 當元素獲得用戶輸入時運行腳本
oninvalidNew script 當元素無效時運行腳本
onreset script 當表單重置時運行腳本。HTML 5 不支持。
onselect script 當選取元素時運行腳本
onsubmit script 當提交表單時運行腳本


鍵盤事件(Keyboard Events)

屬性 描述
onkeydown script 當按下按鍵時運行腳本
onkeypress script 當按下并松開按鍵時運行腳本
onkeyup script 當松開按鍵時運行腳本


鼠標事件(Mouse Events)

通過鼠標觸發事件, 類似用戶的行為:

屬性 描述
onclick script 當單擊鼠標時運行腳本
ondblclick script 當雙擊鼠標時運行腳本
ondragNew script 當拖動元素時運行腳本
ondragendNew script 當拖動操作結束時運行腳本
ondragenterNew script 當元素被拖動至有效的拖放目標時運行腳本
ondragleaveNew script 當元素離開有效拖放目標時運行腳本
ondragoverNew script 當元素被拖動至有效拖放目標上方時運行腳本
ondragstartNew script 當拖動操作開始時運行腳本
ondropNew script 當被拖動元素正在被拖放時運行腳本
onmousedown script 當按下鼠標按鈕時運行腳本
onmousemove script 當鼠標指針移動時運行腳本
onmouseout script 當鼠標指針移出元素時運行腳本
onmouseover script 當鼠標指針移至元素之上時運行腳本
onmouseup script 當松開鼠標按鈕時運行腳本
onmousewheelNew script 當轉動鼠標滾輪時運行腳本
onscrollNew script 當滾動元素的滾動條時運行腳本


多媒體事件(Media Events)

通過視頻(videos),圖像(images)或者音頻(audio) 觸發該事件,多應用于HTML媒體元素比如 <audio>, <embed>, <img>, <object>, 和<video>):

屬性 描述
onabort script 當發生中止事件時運行腳本
oncanplayNew script 當媒介能夠開始播放但可能因緩沖而需要停止時運行腳本
oncanplaythroughNew script 當媒介能夠無需因緩沖而停止即可播放至結尾時運行腳本
ondurationchangeNew script 當媒介長度改變時運行腳本
onemptiedNew script 當媒介資源元素突然為空時(網絡錯誤、加載錯誤等)運行腳本
onendedNew script 當媒介已抵達結尾時運行腳本
onerrorNew script 當在元素加載期間發生錯誤時運行腳本
onloadeddataNew script 當加載媒介數據時運行腳本
onloadedmetadataNew script 當媒介元素的持續時間以及其他媒介數據已加載時運行腳本
onloadstartNew script 當瀏覽器開始加載媒介數據時運行腳本
onpauseNew script 當媒介數據暫停時運行腳本
onplayNew script 當媒介數據將要開始播放時運行腳本
onplayingNew script 當媒介數據已開始播放時運行腳本
onprogressNew script 當瀏覽器正在取媒介數據時運行腳本
onratechangeNew script 當媒介數據的播放速率改變時運行腳本
onreadystatechangeNew script 當就緒狀態(ready-state)改變時運行腳本
onseekedNew script 當媒介元素的定位屬性 [1] 不再為真且定位已結束時運行腳本
onseekingNew script 當媒介元素的定位屬性為真且定位已開始時運行腳本
onstalledNew script 當取回媒介數據過程中(延遲)存在錯誤時運行腳本
onsuspendNew script 當瀏覽器已在取媒介數據但在取回整個媒介文件之前停止時運行腳本
ontimeupdateNew script 當媒介改變其播放位置時運行腳本
onvolumechangeNew script 當媒介改變音量亦或當音量被設置為靜音時運行腳本
onwaitingNew script 當媒介已停止播放但打算繼續播放時運行腳本

其他事件

屬性 描述
onshowNew script 當 <menu> 元素在上下文顯示時觸發
ontoggleNew script 當用戶打開或關閉 <details> 元素時觸發