HTML 事件屬性

全域性事件屬性

HTML 4 增加了使事件在瀏覽器中觸發動作的能力,比如當用戶點選元素時啟動 JavaScript。

如需學習更多有關事件程式設計的知識,請訪問我們的 JavaScript 教程。

下面列出了新增到 HTML 元素以定義事件動作的全域性事件屬性。

= HTML5 中新的事件屬性。

Window 事件屬性

針對 window 對像觸發的事件(應用到 <body> 標籤):

屬性 描述
onafterprint script 文件列印之後執行的指令碼。
onbeforeprint script 文件列印之前執行的指令碼。
onbeforeunload script 文件解除安裝之前執行的指令碼。
onerror script 在錯誤發生時執行的指令碼。
onhaschange script 當文件已改變時執行的指令碼。
onload script 頁面結束載入之後觸發。
onmessage script 在訊息被觸發時執行的指令碼。
onoffline script 當文件離線時執行的指令碼。
ononline script 當文件上線時執行的指令碼。
onpagehide script 當視窗隱藏時執行的指令碼。
onpageshow script 當視窗成為可見時執行的指令碼。
onpopstate script 當視窗歷史記錄改變時執行的指令碼。
onredo script 當文件執行撤銷(redo)時執行的指令碼。
onresize script 當瀏覽器視窗被調整大小時觸發。
onstorage script 在 Web Storage 區域更新后執行的指令碼。
onundo script 在文件執行 undo 時執行的指令碼。
onunload script 一旦頁面已下載時觸發(或者瀏覽器視窗已被關閉)。

Form 事件

由 HTML 表單內的動作觸發的事件(應用到幾乎所有 HTML 元素,但最常用在 form 元素中):

屬性 描述
onblur script 元素失去焦點時執行的指令碼。
onchange script 在元素值被改變時執行的指令碼。
oncontextmenu script 當上下文菜單被觸發時執行的指令碼。
onfocus script 當元素失去焦點時執行的指令碼。
onformchange script 在表單改變時執行的指令碼。
onforminput script 當表單獲得會員輸入時執行的指令碼。
oninput script 當元素獲得會員輸入時執行的指令碼。
oninvalid script 當元素無效時執行的指令碼。
onreset script 當表單中的重置按鈕被點選時觸發。HTML5 中不支援。
onselect script 在元素中文字被選中后觸發。
onsubmit script 在提交表單時觸發。

Keyboard 事件

屬性 描述
onkeydown script 在會員按下按鍵時觸發。
onkeypress script 在會員敲擊按鈕時觸發。
onkeyup script 當用戶釋放按鍵時觸發。

Mouse 事件

由滑鼠或類似會員動作觸發的事件:

屬性 描述
onclick script 元素上發生滑鼠點選時觸發。
ondblclick script 元素上發生滑鼠雙擊時觸發。
ondrag script 元素被拖動時執行的指令碼。
ondragend script 在拖動操作末端執行的指令碼。
ondragenter script 當元素元素已被拖動到有效拖放區域時執行的指令碼。
ondragleave script 當元素離開有效拖放目標時執行的指令碼。
ondragover script 當元素在有效拖放目標上正在被拖動時執行的指令碼。
ondragstart script 在拖動操作開端執行的指令碼。
ondrop script 當被拖元素正在被拖放時執行的指令碼。
onmousedown script 當元素上按下滑鼠按鈕時觸發。
onmousemove script 當滑鼠指針移動到元素上時觸發。
onmouseout script 當滑鼠指針移出元素時觸發。
onmouseover script 當滑鼠指針移動到元素上時觸發。
onmouseup script 當在元素上釋放滑鼠按鈕時觸發。
onmousewheel script 當滑鼠滾輪正在被滾動時執行的指令碼。
onscroll script 當元素滾動條被滾動時執行的指令碼。

Media 事件

由媒介(比如視訊、影像和音訊)觸發的事件(適用於所有 HTML 元素,但常見於媒介元素中,比如 <audio>、<embed>、<img>、<object> 以及 <video>):

屬性 描述
onabort script 在退出時執行的指令碼。
oncanplay script 當檔案就緒可以開始播放時執行的指令碼(緩衝已足夠開始時)。
oncanplaythrough script 當媒介能夠無需因緩衝而停止即可播放至結尾時執行的指令碼。
ondurationchange script 當媒介長度改變時執行的指令碼。
onemptied script 當發生故障並且檔案突然不可用時執行的指令碼(比如連線意外斷開時)。
onended script 當媒介已到達結尾時執行的指令碼(可發送類似「感謝觀看」之類的訊息)。
onerror script 當在檔案載入期間發生錯誤時執行的指令碼。
onloadeddata script 當媒介資料已載入時執行的指令碼。
onloadedmetadata script 當元資料(比如解析度和時長)被載入時執行的指令碼。
onloadstart script 在檔案開始載入且未實際載入任何資料前執行的指令碼。
onpause script 當媒介被會員或程式暫停時執行的指令碼。
onplay script 當媒介已就緒可以開始播放時執行的指令碼。
onplaying script 當媒介已開始播放時執行的指令碼。
onprogress script 當瀏覽器正在獲取媒介資料時執行的指令碼。
onratechange script 每當回放速率改變時執行的指令碼(比如當用戶切換到慢動作或快進模式)。
onreadystatechange script 每當就緒狀態改變時執行的指令碼(就緒狀態監測媒介資料的狀態)。
onseeked script 當 seeking 屬性設定為 false(指示定位已結束)時執行的指令碼。
onseeking script 當 seeking 屬性設定為 true(指示定位是活動的)時執行的指令碼。
onstalled script 在瀏覽器不論何種原因未能取回媒介資料時執行的指令碼。
onsuspend script 在媒介資料完全載入之前不論何種原因終止取回媒介資料時執行的指令碼。
ontimeupdate script 當播放位置改變時(比如當用戶快進到媒介中一個不同的位置時)執行的指令碼。
onvolumechange script 每當音量改變時(包括將音量設定為靜音)時執行的指令碼。
onwaiting script 當媒介已停止播放但打算繼續播放時(比如當媒介暫停已緩衝更多資料)執行指令碼