HTML5事件
事件概述
HTML事件可以觸發(fā)瀏覽器中的行為,比方說當(dāng)用戶點擊某個 HTML 元素時啟動一段 JavaScript。
窗口事件
由窗口觸發(fā)該事件 (同樣適用于 標(biāo)簽):
屬性 值 描述
onafterprint script 在打印文檔之后運行腳本。
onbeforeprint script 在文檔打印之前運行腳本。
onbeforeonload script 在文檔加載之前運行腳本。
onblur script 當(dāng)窗口失去焦點時運行腳本。
onerror script 當(dāng)錯誤發(fā)生時運行腳本。
onfocus script 當(dāng)窗口獲得焦點時運行腳本。
onhashchange script 當(dāng)文檔改變時運行腳本。
onload script 當(dāng)文檔加載時運行腳本。
onmessage script 當(dāng)觸發(fā)消息時運行腳本。
onoffline script 當(dāng)文檔離線時運行腳本。
ononline script 當(dāng)文檔上線時運行腳本。
onpagehide script 當(dāng)窗口隱藏時運行腳本。
onpageshow script 當(dāng)窗口可見時運行腳本。
onpopstate script 當(dāng)窗口歷史記錄改變時運行腳本。
onredo script 當(dāng)文檔執(zhí)行再執(zhí)行操作(redo)時運行腳本。
onresize script 當(dāng)調(diào)整窗口大小時運行腳本。
onstorage script 當(dāng) Web Storage 區(qū)域更新時(存儲空間中的數(shù)據(jù)發(fā)生變化時)運行腳本。
onundo script 當(dāng)文檔執(zhí)行撤銷時運行腳本。
onunload script 當(dāng)用戶離開文檔時運行腳本。
表單事件
表單事件在HTML表單中觸發(fā) (適用于所有 HTML 元素,但該HTML元素需在form表單內(nèi)):
屬性 值 描述
onblur script 當(dāng)元素失去焦點時運行腳本。
onchange script 當(dāng)元素改變時運行腳本。
oncontextmenu script 當(dāng)觸發(fā)上下文菜單時運行腳本。
onfocus script 當(dāng)元素獲得焦點時運行腳本。
onformchange script 當(dāng)表單改變時運行腳本。
onforminput script 當(dāng)表單獲得用戶輸入時運行腳本。
oninput script 當(dāng)元素獲得用戶輸入時運行腳本。
oninvalid script 當(dāng)元素?zé)o效時運行腳本。
onselect script 當(dāng)選取元素時運行腳本。
onsubmit script 當(dāng)提交表單時運行腳本。
鍵盤事件
通過鍵盤觸發(fā)事件,類似用戶的行為:
屬性 值 描述
onkeydown script 當(dāng)按下按鍵時運行腳本。
onkeypress script 當(dāng)按下并松開按鍵時運行腳本。
onkeyup script 當(dāng)松開按鍵時運行腳本。
鼠標(biāo)事件
通過鼠標(biāo)觸發(fā)事件,類似用戶的行為:
屬性 值 描述
onclick script 當(dāng)單擊鼠標(biāo)時運行腳本
ondblclick script 當(dāng)雙擊鼠標(biāo)時運行腳本
ondrag script 當(dāng)拖動元素時運行腳本
ondragend script 當(dāng)拖動操作結(jié)束時運行腳本
ondragenter script 當(dāng)元素被拖動至有效的拖放目標(biāo)時運行腳本
ondragleave script 當(dāng)元素離開有效拖放目標(biāo)時運行腳本
ondragover script 當(dāng)元素被拖動至有效拖放目標(biāo)上方時運行腳本
ondragstart script 當(dāng)拖動操作開始時運行腳本
ondrop script 當(dāng)被拖動元素正在被拖放時運行腳本
onmousedown script 當(dāng)按下鼠標(biāo)按鈕時運行腳本
onmousemove script 當(dāng)鼠標(biāo)指針移動時運行腳本
onmouseout script 當(dāng)鼠標(biāo)指針移出元素時運行腳本
onmouseover script 當(dāng)鼠標(biāo)指針移至元素之上時運行腳本
onmouseup script 當(dāng)松開鼠標(biāo)按鈕時運行腳本
onmousewheel script 當(dāng)轉(zhuǎn)動鼠標(biāo)滾輪時運行腳本
onscroll script 當(dāng)滾動元素的滾動條時運行腳本
媒體事件
通過視頻(videos),圖像(images)或音頻(audio) 觸發(fā)該事件,多應(yīng)用于HTML媒體元素比如:,,,和。
屬性 值 描述
onabort script 當(dāng)發(fā)生中止事件時運行腳本。
oncanplay script 當(dāng)媒介能夠開始播放但可能因緩沖而需要停止時運行腳本。
oncanplaythrough script 當(dāng)媒介能夠無需因緩沖而停止即可播放至結(jié)尾時運行腳本。
ondurationchange script 當(dāng)媒介長度改變時運行腳本。
onemptied script 當(dāng)媒介資源元素突然為空時(網(wǎng)絡(luò)錯誤、加載錯誤等)運行腳本。
onended script 當(dāng)媒介已抵達(dá)結(jié)尾時運行腳本。
onerror script 當(dāng)在元素加載期間發(fā)生錯誤時運行腳本。
onloadeddata script 當(dāng)加載媒介數(shù)據(jù)時運行腳本。
onloadedmetadata script 當(dāng)媒介元素的持續(xù)時間以及其他媒介數(shù)據(jù)已加載時運行腳本。
onloadstart script 當(dāng)瀏覽器開始加載媒介數(shù)據(jù)時運行腳本。
onpause script 當(dāng)媒介數(shù)據(jù)暫停時運行腳本。
onplay script 當(dāng)媒介數(shù)據(jù)將要開始播放時運行腳本。
onplaying script 當(dāng)媒介數(shù)據(jù)已開始播放時運行腳本。
onprogress script 當(dāng)瀏覽器正在取媒介數(shù)據(jù)時運行腳本。
onratechange script 當(dāng)媒介數(shù)據(jù)的播放速率改變時運行腳本。
onreadystatechange script 當(dāng)就緒狀態(tài)(ready-state)改變時運行腳本。
onseeked script 當(dāng)媒介元素的定位屬性不再為真且定位已結(jié)束時運行腳本。
onseeking script 當(dāng)媒介元素的定位屬性為真且定位已開始時運行腳本。
onstalled script 當(dāng)取回媒介數(shù)據(jù)過程中(延遲)存在錯誤時運行腳本。
onsuspend script 當(dāng)瀏覽器已在取媒介數(shù)據(jù)但在取回整個媒介文件之前停止時運行腳本。
ontimeupdate script 當(dāng)媒介改變其播放位置時運行腳本。
onvolumechange script 當(dāng)媒介改變音量亦或當(dāng)音量被設(shè)置為靜音時運行腳本。
onwaiting script 當(dāng)媒介已停止播放但打算繼續(xù)播放時運行腳本。
其它事件
屬性 值 描述
onshow script 當(dāng)
ontoggle script 當(dāng)用戶打開或關(guān)閉 元素時觸發(fā)。
總結(jié)
- 上一篇: HTML5属性
- 下一篇: 面试一位硕士海龟前端小姐姐有感