HTML事件屬性
HTML4增加了使事件在瀏覽器中觸發動作的能力,比如當用戶點擊元素時啓動JavaScript。
下面列出了添加到HTML元素中,定義事件動作的全局事件屬性,HTML5引入的事件被標記爲紅色,HTML5不支持的被標記刪除線。
Window事件屬性
下面是針對 window 對象觸發的事件 => <body>
屬性 | 值 | 描述 |
---|---|---|
onafterprint | script | 文檔打印之後觸發 |
onbeforeprint | script | 文檔打印之前觸發 |
onbeforeunload | script | 文檔卸載之前觸發 |
onerror | script | 當錯誤發生時觸發 |
onhaschange | script | 當文檔已改變時觸發 |
onload | script | 頁面結束加載之後觸發 |
onmessage | script | 當消息被觸發時觸發 |
onoffline | script | 當文檔離線時觸發 |
ononline | script | 當文檔上線時觸發 |
onpagehide | script | 當窗口隱藏時觸發 |
onpageshow | script | 當窗口成爲可見時觸發 |
onpopstate | script | 當窗口歷史記錄改變時觸發 |
onredo | script | 當文檔執行redo時觸發 |
onresize | script | 當瀏覽器窗口被調整大小時觸發 |
onstorage | script | 當Web Storage區域更新後觸發 |
onundo | script | 當文檔執行undo時觸發 |
onunload | script | 當頁面已下載或者瀏覽器窗口已被關閉時觸發 |
Form事件屬性
下面是由HTML表單內的動作觸發的事件 => 幾乎所有的標籤,特別是<form>
屬性 | 值 | 描述 |
---|---|---|
onblur | script | 當元素失去焦點時觸發 |
onchange | script | 當元素值被改變時觸發 |
oncontextmenu | script | 當上下文菜單被觸發時觸發 |
onfocus | script | 當元素獲得焦點時觸發 |
onformchange | script | 當表單被改變時觸發 |
onforminput | script | 當表單獲得用戶輸入時觸發 |
oninput | script | 當元素獲得用戶輸入時觸發 |
oninvalid | script | 當元素無效時觸發 |
script | 當表單中的重置按鈕被點擊時觸發 | |
onselect | script | 當元素中文本被選中後觸發 |
onsubmit | script | 當提交表單時觸發 |
Keyboard事件屬性
下面是由鍵盤或類似用戶動作觸發的事件:
屬性 | 值 | 描述 |
---|---|---|
onkeydown | script | 當用戶按下按鍵時觸發 |
onkeypress | script | 當用戶敲擊按鈕時觸發 |
onkeyup | script | 當用戶釋放按鍵時觸發 |
Mouse事件屬性
下面是由鼠標或類似用戶動作觸發的事件:
屬性 | 值 | 描述 |
---|---|---|
onclick | script | 當元素上發生鼠標點擊時觸發 |
ondblclick | script | 當元素上發生鼠標雙擊時觸發 |
ondrag | script | 當元素被拖動時觸發 |
ondragend | script | 當拖動操作結束時觸發 |
ondragenter | script | 當元素元素已被拖動到有效拖放區域時觸發 |
ondragleave | script | 當元素離開有效拖放目標時觸發 |
ondragover | script | 當元素在有效拖放目標上正在被拖動時觸發 |
ondragstart | script | 當拖動操作開始時觸發 |
ondrop | script | 當被拖元素正在被拖放時觸發 |
onmousedown | script | 當元素上按下鼠標按鈕時觸發 |
onmousemove | script | 當鼠標指針移動到元素上時觸發 |
onmouseout | script | 當鼠標指針移出元素時觸發 |
onmouseover | script | 當鼠標指針移動到元素上時觸發 |
onmouseup | script | 當在元素上釋放鼠標按鈕時觸發 |
onmousewheel | script | 當鼠標滾輪正在被滾動時觸發 |
onscroll | script | 當元素滾動條被滾動時觸發 |
Media事件屬性
下面是由視頻、圖像、音頻等媒體觸發的事件 => 所有的標籤,常用於<audio>、<embed>、<img>、<object>、<video>
屬性 | 值 | 描述 |
---|---|---|
onabort | script | 退出時運行的腳本 |
oncanplay | script | 當媒體文件就緒、緩衝已足夠開始播放時觸發 |
oncanplaythrough | 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 | 當就緒狀態改變時觸發 |
onseeked | script | 當seeking屬性設置爲false(指示定位已結束)時觸發 |
onseeking | script | 當seeking屬性設置爲true(指示定位是活動的)時觸發 |
onstalled | script | 當瀏覽器不論何種原因未能取回媒體數據時觸發 |
onsuspend | script | 當媒體數據完全加載之前不論何種原因終止取回媒體數據時觸發 |
ontimeupdate | script | 當播放位置改變(如快進到某位置)時觸發 |
onvolumechange | script | 當音量改變時(包括將音量設置爲靜音)時觸發 |
onwaiting | script | 當媒介已停止播放但打算繼續播放時(如媒介暫停以緩衝更多數據)觸發 |