HTML有哪些事件屬性?

2020-11-20 15:05:00

html事件屬性有:onblur、onerror、onfocus、onsubmit、onkeydown、onkeypress、onclick、ondblclick、onmousedown、onmousemove、onmouseout等等。

HTML事件屬性

Window 事件屬性

針對 window 物件觸發的事件。

適用於 <body> 標籤:

屬性描述
onafterprintscript在列印檔案之後執行指令碼
onbeforeprintscript在檔案列印之前執行指令碼
onbeforeonloadscript在檔案載入之前執行指令碼
onblurscript當視窗失去焦點時執行指令碼
onerrorscript當錯誤發生時執行指令碼
onfocusscript當視窗獲得焦點時執行指令碼
onhaschangescript當檔案改變時執行指令碼
onloadscript當檔案載入時執行指令碼
onmessagescript當觸發訊息時執行指令碼
onofflinescript當檔案離線時執行指令碼
ononlinescript當檔案上線時執行指令碼
onpagehidescript當視窗隱藏時執行指令碼
onpageshowscript當視窗可見時執行指令碼
onpopstatescript當視窗歷史記錄改變時執行指令碼
onredoscript當檔案執行再執行操作(redo)時執行指令碼
onresizescript當調整視窗大小時執行指令碼
onstoragescript當 Web Storage 區域更新時(儲存空間中的資料發生變化時)執行指令碼
onundoscript當檔案執行復原時執行指令碼
onunloadscript當使用者離開檔案時執行指令碼

表單事件

由 HTML 表單內部的動作觸發的事件。

適用於所有 HTML 5 元素,不過最常用於表單元素中:

屬性描述
onblurscript當元素失去焦點時執行指令碼
onchangescript當元素改變時執行指令碼
oncontextmenuscript當觸發上下文選單時執行指令碼
onfocusscript當元素獲得焦點時執行指令碼
onformchangescript當表單改變時執行指令碼
onforminputscript當表單獲得使用者輸入時執行指令碼
oninputscript當元素獲得使用者輸入時執行指令碼
oninvalidscript當元素無效時執行指令碼
onresetscript當表單重置時執行指令碼。HTML 5 不支援。
onselectscript當選取元素時執行指令碼
onsubmitscript當提交表單時執行指令碼

鍵盤事件

由鍵盤觸發的事件。

適用於所有 HTML 5 元素:

屬性描述
onkeydownscript當按下按鍵時執行指令碼
onkeypressscript當按下並鬆開按鍵時執行指令碼
onkeyupscript當鬆開按鍵時執行指令碼

滑鼠事件

由滑鼠或相似的使用者動作觸發的事件。

適用於所有 HTML 5 元素:

屬性描述
onclickscript當單擊滑鼠時執行指令碼
ondblclickscript當雙擊滑鼠時執行指令碼
ondragscript當拖動元素時執行指令碼
ondragendscript當拖動操作結束時執行指令碼
ondragenterscript當元素被拖動至有效的拖放目標時執行指令碼
ondragleavescript當元素離開有效拖放目標時執行指令碼
ondragoverscript當元素被拖動至有效拖放目標上方時執行指令碼
ondragstartscript當拖動操作開始時執行指令碼
ondropscript當被拖動元素正在被拖放時執行指令碼
onmousedownscript當按下滑鼠按鈕時執行指令碼
onmousemovescript當滑鼠指標移動時執行指令碼
onmouseoutscript當滑鼠指標移出元素時執行指令碼
onmouseoverscript當滑鼠指標移至元素之上時執行指令碼
onmouseupscript當鬆開滑鼠按鈕時執行指令碼
onmousewheelscript當轉動滑鼠滾輪時執行指令碼
onscrollscript當捲動元素的卷軸時執行指令碼

多媒體事件

由視訊、影象以及音訊等媒介觸發的事件。

適用於所有 HTML 5 元素,不過在媒介元素(諸如 audio、embed、img、object 以及 video)中最常用:

屬性描述
onabortscript當發生中止事件時執行指令碼
oncanplayscript當媒介能夠開始播放但可能因緩衝而需要停止時執行指令碼
oncanplaythroughscript當媒介能夠無需因緩衝而停止即可播放至結尾時執行指令碼
ondurationchangescript當媒介長度改變時執行指令碼
onemptiedscript當媒介資源元素突然為空時(網路錯誤、載入錯誤等)執行指令碼
onendedscript當媒介已抵達結尾時執行指令碼
onerrorscript當在元素載入期間發生錯誤時執行指令碼
onloadeddatascript當載入媒介資料時執行指令碼
onloadedmetadatascript當媒介元素的持續時間以及其他媒介資料已載入時執行指令碼
onloadstartscript當瀏覽器開始載入媒介資料時執行指令碼
onpausescript當媒介資料暫停時執行指令碼
onplayscript當媒介資料將要開始播放時執行指令碼
onplayingscript當媒介資料已開始播放時執行指令碼
onprogressscript當瀏覽器正在取媒介資料時執行指令碼
onratechangescript當媒介資料的播放速率改變時執行指令碼
onreadystatechangescript當就緒狀態(ready-state)改變時執行指令碼
onseekedscript當媒介元素的定位屬性 [1] 不再為真且定位已結束時執行指令碼
onseekingscript當媒介元素的定位屬性為真且定位已開始時執行指令碼
onstalledscript當取回媒介資料過程中(延遲)存在錯誤時執行指令碼
onsuspendscript當瀏覽器已在取媒介資料但在取回整個媒介檔案之前停止時執行指令碼
ontimeupdatescript當媒介改變其播放位置時執行指令碼
onvolumechangescript當媒介改變音量亦或當音量被設定為靜音時執行指令碼
onwaitingscript當媒介已停止播放但打算繼續播放時執行指令碼

其他事件

屬性描述
onshowscript當 <menu> 元素在上下文顯示時觸發
ontogglescript當使用者開啟或關閉 <details> 元素時觸發

更多程式設計相關知識,請存取:!!

以上就是HTML有哪些事件屬性?的詳細內容,更多請關注TW511.COM其它相關文章!