HTML屬性
- HTML 元素可以設定屬性
- 屬性可以在元素中添加附加資訊
- 屬性一般描述于開始标簽
- 屬性總是以名稱/值對的形式出現 如：class=”a”
- 不同屬性之間用“空格”隔開
- HTML屬性和屬性值之間用“=”連接配接。
| 屬性名 | 描述 |
|---|---|
| accesskey | 設定通路元素的鍵盤快捷鍵。 |
| class | 規定元素的類名（classname） |
| contenteditableNew | 規定是否可編輯元素的内容。 |
| contextmenuNew | 指定一個元素的上下文菜單。當使用者右擊該元素，出現上下文菜單 |
| data- | 用于存儲頁面的自定義資料 |
| dir | 設定元素中内容的文本方向。 |
| draggable | 指定某個元素是否可以拖動 |
| dropzone | 指定是否将資料複制，移動，或連結，或删除 |
| hidden | hidden 屬性規定對元素進行隐藏。 |
| id | 規定元素的唯一 id |
| lang | 設定元素中内容的語言代碼。 |
| spellcheck | 檢測元素是否拼寫錯誤 |
| style | 規定元素的行内樣式（inline style） |
| tabindex | 設定元素的 Tab 鍵控制次序。 |
| title | 規定元素的額外資訊（可在工具提示中顯示） |
| translate | 指定是否一個元素的值在頁面載入時是否需要翻譯 |
| name | 規定元素的名稱 |
| value | 規定元素的值 |
| href | 規定超連結元素的連結位址 |
| target | 規定網頁的打開方式 |
HTML事件
視窗事件
| 屬性 | 描述 |
|---|---|
| onafterprint | 在列印文檔之後運作腳本 |
| onbeforeprint | 在文檔列印之前運作腳本 |
| onbeforeonload | 在文檔加載之前運作腳本 |
| onblur | 當視窗失去焦點時運作腳本 |
| onerror | 當錯誤發生時運作腳本 |
| onfocus | 當視窗獲得焦點時運作腳本 |
| onhaschange | 當文檔改變時運作腳本 |
| onload | 當文檔加載時運作腳本 |
| onmessage | 當觸發消息時運作腳本 |
| onoffline | 當文檔離線時運作腳本 |
| ononline | 當文檔上線時運作腳本 |
| onpagehide | 當視窗隐藏時運作腳本 |
| onpageshow | 當視窗可見時運作腳本 |
| onpopstate | 當視窗曆史記錄改變時運作腳本 |
| onredo | 當文檔執行再執行操作（redo）時運作腳本 |
| onresize | 當調整視窗大小時運作腳本 |
| onstorage | 當 Web Storage 區域更新時（存儲空間中的資料發生變化時）運作腳本 |
| onundo | 當文檔執行撤銷時運作腳本 |
| onunload | 當使用者離開文檔時運作腳本 |
表單事件
| 屬性 | 描述 |
|---|---|
| onblur | 當元素失去焦點時運作腳本 |
| onchange | 當元素改變時運作腳本 |
| oncontextmenu | 當觸發上下文菜單時運作腳本 |
| onfocus | 當元素獲得焦點時運作腳本 |
| onformchange | 當表單改變時運作腳本 |
| onforminput | 當表單獲得使用者輸入時運作腳本 |
| oninput | 當元素獲得使用者輸入時運作腳本 |
| oninvalid | 當元素無效時運作腳本 |
| onreset | 當表單重置時運作腳本。HTML 5 不支援。 |
| onselect | 當選取元素時運作腳本 |
| onsubmit | 當送出表單時運作腳本 |
鍵盤事件
| 屬性 | 值 |
|---|---|
| onkeydown | 當按下按鍵時行腳本 |
| onkeypress | 當按下并松開按鍵時運作腳本 |
| onkeyup | 當松開按鍵時運作腳本 |
滑鼠事件
| 屬性 | 值 |
|---|---|
| onclick | 當單擊滑鼠時運作腳本 |
| ondblclick | 當輕按兩下滑鼠時運作腳本 |
| ondrag | 當拖動元素時運作腳本 |
| ondragend | 當拖動操作結束時運作腳本 |
| ondragenter | 當元素被拖動至有效的拖放目标時運作腳本 |
| ondragleave | 當元素離開有效拖放目标時運作腳本 |
| ondragover | 當元素被拖動至有效拖放目标上方時運作腳本 |
| ondragstart | 當拖動操作開始時運作腳本 |
| ondrop | 當被拖動元素正在被拖放時運作腳本 |
| onmousedown | 當按下滑鼠按鈕時運作腳本 |
| onmousemove | 當滑鼠指針移動時運作腳本 |
| onmouseout | 當滑鼠指針移出元素時運作腳本 |
| onmouseover | 當滑鼠指針移至元素之上時運作腳本 |
| onmouseup | 當松開滑鼠按鈕時運作腳本 |
| onmousewheel | 當轉動滑鼠滾輪時運作腳本 |
| onscroll | 當滾動元素的滾動條時運作腳本 |
多媒體事件
| 屬性 | 值 |
|---|---|
| onabort | 當發生中止事件時運作腳本 |
| oncanplay | 當媒介能夠開始播放但可能因緩沖而需要停止時運作腳本 |
| oncanplaythrough | 當媒介能夠無需因緩沖而停止即可播放至結尾時運作腳本 |
| ondurationchange | 當媒介長度改變時運作腳本 |
| onemptied | 當媒介資源元素突然為空時（網絡錯誤、加載錯誤等）運作腳本 |
| onended | 當媒介已抵達結尾時運作腳本 |
| onerror | 當在元素加載期間發生錯誤時運作腳本 |
| onloadeddata | 當加載媒介資料時運作腳本 |
| onloadedmetadata | 當媒介元素的持續時間以及其他媒介資料已加載時運作腳本 |
| onloadstart | 當浏覽器開始加載媒介資料時運作腳本 |
| onpause | 當媒介資料暫停時運作腳本 |
| onplay | 當媒介資料将要開始播放時運作腳本 |
| onplaying | 當媒介資料已開始播放時運作腳本 |
| onprogress | 當浏覽器正在取媒介資料時運作腳本 |
| onratechange | 當媒介資料的播放速率改變時運作腳本 |
| onreadystatechange | 當就緒狀态（ready-state）改變時運作腳本 |
| onseeked | 當媒介元素的定位屬性 [1] 不再為真且定位已結束時運作腳本 |
| onseeking | 當媒介元素的定位屬性為真且定位已開始時運作腳本 |
| onstalled | 當取回媒介資料過程中（延遲）存在錯誤時運作腳本 |
| onsuspend | 當浏覽器已在取媒介資料但在取回整個媒介檔案之前停止時運作腳本 |
| ontimeupdate | 當媒介改變其播放位置時運作腳本 |
| onvolumechange | 當媒介改變音量亦或當音量被設定為靜音時運作腳本 |
| onwaiting | 當媒介已停止播放但打算繼續播放時運作腳本 |
其他事件
| 屬性 | 值 |
|---|---|
| onshow | 當 <menu> 元素在上下文顯示時觸發 |
| ontoggle | 當使用者打開或關閉 <details> 元素時觸發 |