HTML屬性及事件
- 2020 年 4 月 10 日
- 筆記
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> 元素時觸發 |