首頁  >  文章  >  web前端  >  HTML有哪些事件屬性?

HTML有哪些事件屬性?

青灯夜游
青灯夜游原創
2020-11-20 14:02:293280瀏覽

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

HTML有哪些事件屬性?

HTML事件屬性

Window 事件屬性

針對window 物件觸發的事件。

適用於 標籤:

##描述onafterprint在列印文件之後執行腳本onbeforeprint在文件列印之前執行腳本#onbeforeonload在文件載入之前執行腳本onblur當視窗失去焦點時執行腳本onerror#當錯誤發生時執行腳本onfocus當視窗獲得焦點時執行腳本#onhaschange##scriptonload#scriptonmessagescript onofflinescriptononlineonpagehideonpageshow#onpopstateonredo#onresize##script#scriptscriptscript表單事件
#屬性 #值
script
#script
script
#script
script
script
當文件改變時執行腳本
當文件載入時執行腳本
#當觸發訊息時執行腳本
當文件離線時執行腳本
##script 當文件上線時執行腳本
script #當視窗隱藏時執行腳本
script #當視窗可見時執行腳本
script 當視窗歷史記錄改變時執行腳本
script 當文件執行再執行動作(redo)時執行腳本
當調整視窗大小時執行腳本 onstorage
當Web Storage 區域更新時(儲存空間中的資料變更時)執行腳本 onundo
當文件執行撤銷時執行腳本 onunload
#當使用者離開文件時執行腳本

由HTML 表單內部的動作觸發的事件。 適用於所有HTML 5 元素,不過最常用於表單元素:

屬性##值描述onblurscript#當元素失去焦點時執行腳本onchangescript當元素改變時執行腳本oncontextmenu#oninvalidonresetonselect
## script 當觸發上下文選單時執行腳本
onfocus script 當元素取得焦點時執行腳本
onformchange #script 當表單改變時執行腳本
onforminput script 當表單獲得使用者輸入時執行腳本
oninput #script 當元素取得使用者輸入時執行腳本
##script 當元素無效時執行腳本
#script 當表單重設時執行腳本。 HTML 5 不支援。

script

#當選取元素時執行腳本

onsubmit當提交表單時執行腳本鍵盤事件#屬性onkeydownscriptonkeypress
script
由鍵盤觸發的事件。 適用於所有HTML 5 元素:
##描述
當按下按鍵時執行腳本
###script#########當按下並放開按鍵時執行腳本#############onkeyup########script### ######當放開按鍵時執行腳本#############

滑鼠事件 

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

適用於所有HTML 5 元素:

##描述onclick當點擊滑鼠時執行腳本ondblclick當雙擊滑鼠時執行腳本#ondrag當拖曳元素時執行腳本ondragend當拖曳操作結束時執行腳本ondragenter#當元素拖曳至有效的拖曳目標時執行腳本ondragleave當元素離開有效拖放目標時執行腳本ondragover 當元素被拖曳到有效拖放目標上方時執行腳本ondragstart當拖曳操作開始時執行腳本#ondrop##scriptonmousedownscriptonmousemove#scriptonmouseoutscriptonmouseoverscriptonmouseupscriptonmousewheelscriptonscroll#script

多媒體事件

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

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

#屬性
script
script
script
#script
script
script
script
script
當被拖曳元素正在被拖曳時執行腳本
當按下滑鼠按鈕時執行腳本
當滑鼠指標移動時執行腳本
#當滑鼠指標移出元素時執行腳本
當滑鼠指標移至元素之上時執行腳本
當放開滑鼠按鈕時執行腳本
當轉動滑鼠滾輪時執行腳本
當滾動元素的捲軸時執行腳本
##onvolumechange當媒介改變音量也或音量設定為靜音時執行腳本onwaiting當媒介已停止播放但打算繼續播放時執行腳本
屬性 描述
onabort #script 當發生中止事件時運行腳本
onca​​nplay script #當媒介能夠開始播放但可能因緩衝而需要停止時運行腳本
onca​​nplaythrough 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 當就緒狀態(ready-state)改變時執行腳本
#onseeked script 當媒介元素的定位屬性[1] 不再為真且定位已結束時執行腳本
onseeking script 當媒介元素的定位屬性為真且定位已開始時執行腳本
onstalled script 當取回媒介資料過程中(延遲)存在錯誤時執行腳本
onsuspend script 當瀏覽器已在取媒介資料但在取回整個媒介檔案之前停止時執行腳本
ontimeupdate script 當媒介改變其播放位置時執行腳本
##script
script

其他事件

#屬性值描述#onshow當 元素在上下文顯示時觸發ontoggle
script
script

######################################################################## ###當使用者開啟或關閉
元素時觸發################更多程式相關知識,請造訪:###程式設計課程###! ! ###

以上是HTML有哪些事件屬性?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn