您好,登錄后才能下訂單哦!
這篇文章主要介紹“HTML的事件屬性有哪些”的相關(guān)知識(shí),小編通過(guò)實(shí)際案例向大家展示操作過(guò)程,操作方法簡(jiǎn)單快捷,實(shí)用性強(qiáng),希望這篇“HTML的事件屬性有哪些”文章能幫助大家解決問(wèn)題。
全局事件屬性
HTML 4 的新特性之一是可以使 HTML 事件觸發(fā)瀏覽器中的行為,比方說(shuō)當(dāng)用戶點(diǎn)擊某個(gè) HTML 元素時(shí)啟動(dòng)一段 JavaScript。
下面的表格提供了標(biāo)準(zhǔn)的事件屬性,可以把它們插入 HTML/XHTML 元素中,以定義事件行為。
New : HTML5新增屬性事件。
窗口事件屬性(Window Event Attributes)
由窗口觸發(fā)該事件 (適用于 <body> 標(biāo)簽):
屬性 值 描述
onafterprintNew script 在打印文檔之后運(yùn)行腳本
onbeforeprintNew script 在文檔打印之前運(yùn)行腳本
onbeforeonloadNew script 在文檔加載之前運(yùn)行腳本
onblur script 當(dāng)窗口失去焦點(diǎn)時(shí)運(yùn)行腳本
onerrorNew script 當(dāng)錯(cuò)誤發(fā)生時(shí)運(yùn)行腳本
onfocus script 當(dāng)窗口獲得焦點(diǎn)時(shí)運(yùn)行腳本
onhaschangeNew script 當(dāng)文檔改變時(shí)運(yùn)行腳本
onload script 當(dāng)文檔加載時(shí)運(yùn)行腳本
onmessageNew script 當(dāng)觸發(fā)消息時(shí)運(yùn)行腳本
onofflineNew script 當(dāng)文檔離線時(shí)運(yùn)行腳本
ononlineNew script 當(dāng)文檔上線時(shí)運(yùn)行腳本
onpagehideNew script 當(dāng)窗口隱藏時(shí)運(yùn)行腳本
onpageshowNew script 當(dāng)窗口可見(jiàn)時(shí)運(yùn)行腳本
onpopstateNew script 當(dāng)窗口歷史記錄改變時(shí)運(yùn)行腳本
onredoNew script 當(dāng)文檔執(zhí)行再執(zhí)行操作(redo)時(shí)運(yùn)行腳本
onresizeNew script 當(dāng)調(diào)整窗口大小時(shí)運(yùn)行腳本
onstorageNew script 當(dāng) Web Storage 區(qū)域更新時(shí)(存儲(chǔ)空間中的數(shù)據(jù)發(fā)生變化時(shí))運(yùn)行腳本
onundoNew script 當(dāng)文檔執(zhí)行撤銷時(shí)運(yùn)行腳本
onunloadNew script 當(dāng)用戶離開文檔時(shí)運(yùn)行腳本
表單事件(Form Events)
表單事件在HTML表單中觸發(fā) (適用于所有 HTML 元素, 但該HTML元素需在form表單內(nèi)):
屬性 值 描述
onblur script 當(dāng)元素失去焦點(diǎn)時(shí)運(yùn)行腳本
onchange script 當(dāng)元素改變時(shí)運(yùn)行腳本
oncontextmenuNew script 當(dāng)觸發(fā)上下文菜單時(shí)運(yùn)行腳本
onfocus script 當(dāng)元素獲得焦點(diǎn)時(shí)運(yùn)行腳本
onformchangeNew script 當(dāng)表單改變時(shí)運(yùn)行腳本
onforminputNew script 當(dāng)表單獲得用戶輸入時(shí)運(yùn)行腳本
oninputNew script 當(dāng)元素獲得用戶輸入時(shí)運(yùn)行腳本
oninvalidNew script 當(dāng)元素?zé)o效時(shí)運(yùn)行腳本
onreset script 當(dāng)表單重置時(shí)運(yùn)行腳本。HTML 5 不支持。
onselect script 當(dāng)選取元素時(shí)運(yùn)行腳本
onsubmit script 當(dāng)提交表單時(shí)運(yùn)行腳本
鍵盤事件(Keyboard Events)
屬性 值 描述
onkeydown script 當(dāng)按下按鍵時(shí)運(yùn)行腳本
onkeypress script 當(dāng)按下并松開按鍵時(shí)運(yùn)行腳本
onkeyup script 當(dāng)松開按鍵時(shí)運(yùn)行腳本
鼠標(biāo)事件(Mouse Events)
通過(guò)鼠標(biāo)觸發(fā)事件, 類似用戶的行為:
屬性 值 描述
onclick script 當(dāng)單擊鼠標(biāo)時(shí)運(yùn)行腳本
ondblclick script 當(dāng)雙擊鼠標(biāo)時(shí)運(yùn)行腳本
ondragNew script 當(dāng)拖動(dòng)元素時(shí)運(yùn)行腳本
ondragendNew script 當(dāng)拖動(dòng)操作結(jié)束時(shí)運(yùn)行腳本
ondragenterNew script 當(dāng)元素被拖動(dòng)至有效的拖放目標(biāo)時(shí)運(yùn)行腳本
ondragleaveNew script 當(dāng)元素離開有效拖放目標(biāo)時(shí)運(yùn)行腳本
ondragoverNew script 當(dāng)元素被拖動(dòng)至有效拖放目標(biāo)上方時(shí)運(yùn)行腳本
ondragstartNew script 當(dāng)拖動(dòng)操作開始時(shí)運(yùn)行腳本
ondropNew script 當(dāng)被拖動(dòng)元素正在被拖放時(shí)運(yùn)行腳本
onmousedown script 當(dāng)按下鼠標(biāo)按鈕時(shí)運(yùn)行腳本
onmousemove script 當(dāng)鼠標(biāo)指針移動(dòng)時(shí)運(yùn)行腳本
onmouseout script 當(dāng)鼠標(biāo)指針移出元素時(shí)運(yùn)行腳本
onmouseover script 當(dāng)鼠標(biāo)指針移至元素之上時(shí)運(yùn)行腳本
onmouseup script 當(dāng)松開鼠標(biāo)按鈕時(shí)運(yùn)行腳本
onmousewheelNew script 當(dāng)轉(zhuǎn)動(dòng)鼠標(biāo)滾輪時(shí)運(yùn)行腳本
onscrollNew script 當(dāng)滾動(dòng)元素的滾動(dòng)條時(shí)運(yùn)行腳本
多媒體事件(Media Events)
通過(guò)視頻(videos),圖像(images)或者音頻(audio) 觸發(fā)該事件,多應(yīng)用于HTML媒體元素比如 <audio>, <embed>, <img>, <object>, 和<video>):
屬性 值 描述
onabort script 當(dāng)發(fā)生中止事件時(shí)運(yùn)行腳本
oncanplayNew script 當(dāng)媒介能夠開始播放但可能因緩沖而需要停止時(shí)運(yùn)行腳本
oncanplaythroughNew script 當(dāng)媒介能夠無(wú)需因緩沖而停止即可播放至結(jié)尾時(shí)運(yùn)行腳本
ondurationchangeNew script 當(dāng)媒介長(zhǎng)度改變時(shí)運(yùn)行腳本
onemptiedNew script 當(dāng)媒介資源元素突然為空時(shí)(網(wǎng)絡(luò)錯(cuò)誤、加載錯(cuò)誤等)運(yùn)行腳本
onendedNew script 當(dāng)媒介已抵達(dá)結(jié)尾時(shí)運(yùn)行腳本
onerrorNew script 當(dāng)在元素加載期間發(fā)生錯(cuò)誤時(shí)運(yùn)行腳本
onloadeddataNew script 當(dāng)加載媒介數(shù)據(jù)時(shí)運(yùn)行腳本
onloadedmetadataNew script 當(dāng)媒介元素的持續(xù)時(shí)間以及其他媒介數(shù)據(jù)已加載時(shí)運(yùn)行腳本
onloadstartNew script 當(dāng)瀏覽器開始加載媒介數(shù)據(jù)時(shí)運(yùn)行腳本
onpauseNew script 當(dāng)媒介數(shù)據(jù)暫停時(shí)運(yùn)行腳本
onplayNew script 當(dāng)媒介數(shù)據(jù)將要開始播放時(shí)運(yùn)行腳本
onplayingNew script 當(dāng)媒介數(shù)據(jù)已開始播放時(shí)運(yùn)行腳本
onprogressNew script 當(dāng)瀏覽器正在取媒介數(shù)據(jù)時(shí)運(yùn)行腳本
onratechangeNew script 當(dāng)媒介數(shù)據(jù)的播放速率改變時(shí)運(yùn)行腳本
onreadystatechangeNew script 當(dāng)就緒狀態(tài)(ready-state)改變時(shí)運(yùn)行腳本
onseekedNew script 當(dāng)媒介元素的定位屬性 [1] 不再為真且定位已結(jié)束時(shí)運(yùn)行腳本
onseekingNew script 當(dāng)媒介元素的定位屬性為真且定位已開始時(shí)運(yùn)行腳本
onstalledNew script 當(dāng)取回媒介數(shù)據(jù)過(guò)程中(延遲)存在錯(cuò)誤時(shí)運(yùn)行腳本
onsuspendNew script 當(dāng)瀏覽器已在取媒介數(shù)據(jù)但在取回整個(gè)媒介文件之前停止時(shí)運(yùn)行腳本
ontimeupdateNew script 當(dāng)媒介改變其播放位置時(shí)運(yùn)行腳本
onvolumechangeNew script 當(dāng)媒介改變音量亦或當(dāng)音量被設(shè)置為靜音時(shí)運(yùn)行腳本
onwaitingNew script 當(dāng)媒介已停止播放但打算繼續(xù)播放時(shí)運(yùn)行腳本
其他事件
屬性 值 描述
onshowNew script 當(dāng) <menu> 元素在上下文顯示時(shí)觸發(fā)
ontoggleNew script 當(dāng)用戶打開或關(guān)閉 <details> 元素時(shí)觸發(fā)
關(guān)于“HTML的事件屬性有哪些”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí),可以關(guān)注億速云行業(yè)資訊頻道,小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。