天天看點

HTML 事件屬性

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

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

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

New : HTML5新增屬性事件。

由視窗觸發該事件 (适用于 <body> 标簽):

屬性

描述

onafterprintNew

script

在列印文檔之後運作腳本

onbeforeprintNew

在文檔列印之前運作腳本

onbeforeonloadNew

在文檔加載之前運作腳本

onblur

當視窗失去焦點時運作腳本

onerrorNew

當錯誤發生時運作腳本

onfocus

當視窗獲得焦點時運作腳本

onhashchangeNew

當文檔改變時運作腳本

onload

當文檔加載時運作腳本

onmessageNew

當觸發消息時運作腳本

onofflineNew

當文檔離線時運作腳本

ononlineNew

當文檔上線時運作腳本

onpagehideNew

當視窗隐藏時運作腳本

onpageshowNew

當視窗可見時運作腳本

onpopstateNew

當視窗曆史記錄改變時運作腳本

onredoNew

當文檔執行再執行操作(redo)時運作腳本

onresizeNew

當調整視窗大小時運作腳本

onstorageNew

當 Web Storage 區域更新時(存儲空間中的資料發生變化時)運作腳本

onundoNew

當文檔執行撤銷時運作腳本

onunloadNew

當使用者離開文檔時運作腳本

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

當元素失去焦點時運作腳本

onchange

當元素改變時運作腳本

oncontextmenuNew

當觸發上下文菜單時運作腳本

當元素獲得焦點時運作腳本

onformchangeNew

當表單改變時運作腳本

onforminputNew

當表單獲得使用者輸入時運作腳本

oninputNew

當元素獲得使用者輸入時運作腳本

oninvalidNew

當元素無效時運作腳本

onreset

當表單重置時運作腳本。HTML 5 不支援。

onselect

當選取元素時運作腳本

onsubmit

當送出表單時運作腳本

onkeydown

當按下按鍵時運作腳本

onkeypress

當按下并松開按鍵時運作腳本

onkeyup

當松開按鍵時運作腳本

通過滑鼠觸發事件, 類似使用者的行為:

onclick

當單擊滑鼠時運作腳本

ondblclick

當輕按兩下滑鼠時運作腳本

ondragNew

當拖動元素時運作腳本

ondragendNew

當拖動操作結束時運作腳本

ondragenterNew

當元素被拖動至有效的拖放目标時運作腳本

ondragleaveNew

當元素離開有效拖放目标時運作腳本

ondragoverNew

當元素被拖動至有效拖放目标上方時運作腳本

ondragstartNew

當拖動操作開始時運作腳本

ondropNew

當被拖動元素正在被拖放時運作腳本

onmousedown

當按下滑鼠按鈕時運作腳本

onmousemove

當滑鼠指針移動時運作腳本

onmouseout

當滑鼠指針移出元素時運作腳本

onmouseover

當滑鼠指針移至元素之上時運作腳本

onmouseup

當松開滑鼠按鈕時運作腳本

onmousewheelNew

當轉動滑鼠滾輪時運作腳本

onscrollNew

當滾動元素的滾動條時運作腳本

通過視訊(videos),圖像(images)或者音頻(audio) 觸發該事件,多應用于 HTML 媒體元素比如

<audio>, <embed>, <img>, <object>, 和<video>:

onabort

當發生中止事件時運作腳本

oncanplayNew

當媒介能夠開始播放但可能因緩沖而需要停止時運作腳本

oncanplaythroughNew

當媒介能夠無需因緩沖而停止即可播放至結尾時運作腳本

ondurationchangeNew

當媒介長度改變時運作腳本

onemptiedNew

當媒介資源元素突然為空時(網絡錯誤、加載錯誤等)運作腳本

onendedNew

當媒介已抵達結尾時運作腳本

當在元素加載期間發生錯誤時運作腳本

onloadeddataNew

當加載媒介資料時運作腳本

onloadedmetadataNew

當媒介元素的持續時間以及其他媒介資料已加載時運作腳本

onloadstartNew

當浏覽器開始加載媒介資料時運作腳本

onpauseNew

當媒介資料暫停時運作腳本

onplayNew

當媒介資料将要開始播放時運作腳本

onplayingNew

當媒介資料已開始播放時運作腳本

onprogressNew

當浏覽器正在取媒介資料時運作腳本

onratechangeNew

當媒介資料的播放速率改變時運作腳本

onreadystatechangeNew

當就緒狀态(ready-state)改變時運作腳本

onseekedNew

當媒介元素的定位屬性 [1] 不再為真且定位已結束時運作腳本

onseekingNew

當媒介元素的定位屬性為真且定位已開始時運作腳本

onstalledNew

當取回媒介資料過程中(延遲)存在錯誤時運作腳本

onsuspendNew

當浏覽器已在取媒介資料但在取回整個媒介檔案之前停止時運作腳本

ontimeupdateNew

當媒介改變其播放位置時運作腳本

onvolumechangeNew

當媒介改變音量亦或當音量被設定為靜音時運作腳本

onwaitingNew

當媒介已停止播放但打算繼續播放時運作腳本

onshowNew

當 <menu> 元素在上下文顯示時觸發

ontoggleNew

當使用者打開或關閉 <details> 元素時觸發

下一篇: XPath 教程