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> 元素時觸發