HTML全域性屬性和全域性事件屬性

阿新 • • 發佈：2021-08-25

HTML 全域性屬性

全域性屬性是可與所有 HTML 元素一起使用的屬性。

屬性	描述
accesskey	規定啟用元素的快捷鍵。
class	規定元素的一個或多個類名（引用樣式表中的類）。
contenteditable	規定元素內容是否可編輯。
contextmenu	規定元素的上下文選單。上下文選單在使用者點選元素時顯示。
data-*	用於儲存頁面或應用程式的私有定製資料。
dir	規定元素中內容的文字方向。
draggable	規定元素是否可拖動。
dropzone	規定在拖動被拖動資料時是否進行復制、移動或連結。
hidden	規定元素仍未或不再相關。
id	規定元素的唯一 id。
lang	規定元素內容的語言。
spellcheck	規定是否對元素進行拼寫和語法檢查。
style	規定元素的行內 CSS 樣式。
tabindex	規定元素的 tab 鍵次序。
title	規定有關元素的額外資訊。
translate	規定是否應該翻譯元素內容。

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	當媒介已停止播放但打算繼續播放時（比如當媒介暫停已緩衝更多資料）執行指令碼