535
阿裏雲 技術社區[雲棲]
HTML DOM 事件對象
事件是可以被 JavaScript 偵測到的行為
JavaScript 使我們有能力創建動態頁麵。事件是可以被 JavaScript 偵測到的行為
HTML DOM 事件允許Javascript在HTML文檔元素中注冊不同事件處理程序;事件通常與函數結合使用，函數不會在事件發生前被執行！(如用戶點擊按鈕)
鼠標事件
| 屬性 |
描述 |
| onclick |
鼠標單擊時調用的事件句柄 |
| oncontextmenu |
點擊鼠標右鍵打開上下文菜單時觸發 |
| ondblclick |
鼠標雙擊時調用的事件句柄 |
| onmousedown |
鼠標按鈕被按下 |
| onmouseenter |
當鼠標指針移動到元素上時觸發 |
| onmouseleave |
當鼠標指針移出元素時觸發 |
| onmousemove |
鼠標被移動 |
| onmouseover |
鼠標移到某元素之上 |
| onmouseout |
鼠標從某元素移開 |
| onmouseup |
鼠標按鍵被鬆開 |
鍵盤事件
| 屬性 |
描述 |
| onkeydown |
某個鍵盤按鍵被按下 |
| onkeypress |
某個鍵盤按鍵被按下並鬆開 |
| onkeyup |
某個鍵盤按鍵被鬆開 |
框架/對象（Frame/Object）事件
| 屬性 |
描述 |
| onabort |
圖像的加載被中斷時觸發 |
| onbeforeunload |
該事件在即將離開頁麵（刷新或關閉）時觸發 |
| onerror |
加載文檔或圖像中發生錯誤時觸發 |
| onhashchange |
當前 URL 的錨部分發生修改時觸發 |
| onload |
一張頁麵或一幅圖像完成加載 |
| onpageshow |
用戶訪問頁麵時觸發 |
| onpagehide |
用戶離開當前網頁跳轉到另外一個頁麵時觸發 |
| onresize |
窗口或框架被重新調整大小時觸發 |
| onscroll |
當文檔被滾動時觸發 |
| onunload |
用戶退出頁麵時觸發 |
表單事件
| 屬性 |
描述 |
| onblur |
元素失去焦點時觸發 |
| onchange |
表單元素的內容改變時觸發() |
| onfocus |
元素獲取焦點時觸發 |
| onfocusin |
元素即將獲取焦點時觸發 |
| onfocusout |
元素即將失去焦點時觸發 |
| oninput |
元素獲取用戶輸入時觸發 |
| onreset |
表單重置時觸發 |
| onsearch |
用戶向搜索域輸入文本時觸發 () |
| onselect |
用戶選取文本時觸發 ( 和 ) |
| onsubmit |
表單提交時觸發 |
剪貼板事件
| 屬性 |
描述 |
| oncopy |
用戶拷貝元素內容時觸發 |
| oncut |
用戶剪切元素內容時觸發 |
| onpaste |
用戶粘貼元素內容時觸發 |
打印事件
| 屬性 |
描述 |
| onafterprint |
頁麵已經開始打印，或者打印窗口已經關閉時觸發 |
| onbeforeprint |
頁麵即將開始打印時觸發 |
拖動事件
| 屬性 |
描述 |
| ondrag |
元素正在拖動時觸發 |
| ondragend |
用戶完成元素的拖動時觸發 |
| ondragenter |
拖動的元素進入放置目標時觸發 |
| ondragleave |
拖動元素離開放置目標時觸發 |
| ondragover |
拖動元素在放置目標上時觸發 |
| ondragstart |
用戶開始拖動元素時觸發 |
| ondrop |
拖動元素放置在目標區域時觸發 |
多媒體（Media）事件
| 屬性 |
描述 |
| onabort |
視頻/音頻（audio/video）終止加載時觸發 |
| oncanplay |
用戶可以開始播放視頻/音頻（audio/video）時觸發 |
| oncanplaythrough |
視頻/音頻（audio/video）可以正常播放且無需停頓和緩衝時觸發 |
| ondurationchange |
視頻/音頻（audio/video）的時長發生變化時觸發 |
| onemptied |
播放列表為空時觸發 |
| onended |
視頻/音頻（audio/video）播放結束時觸發 |
| onerror |
視頻/音頻（audio/video）數據加載期間發生錯誤時觸發 |
| onloadeddata |
瀏覽器加載視頻/音頻（audio/video）當前幀時觸發觸發 |
| onloadedmetadata |
指定視頻/音頻（audio/video）的元數據加載後觸發 |
| onloadstart |
瀏覽器開始尋找指定視頻/音頻（audio/video）觸發 |
| onpause |
視頻/音頻（audio/video）暫停時觸發 |
| onplay |
視頻/音頻（audio/video）開始播放時觸發 |
| onplaying |
視頻/音頻(audio/video)暫停或者在緩衝後準備重新開始播放時觸發 |
| onprogress |
瀏覽器下載指定的視頻/音頻（audio/video）時觸發 |
| onratechange |
視頻/音頻（audio/video）的播放速度發送改變時觸發 |
| onseeked |
用戶重新定位視頻/音頻（audio/video）的播放位置後觸發 |
| onseeking |
用戶開始重新定位視頻/音頻（audio/video）時觸發 |
| onstalled |
瀏覽器獲取媒體數據，但媒體數據不可用時觸發 |
| onsuspend |
瀏覽器讀取媒體數據中止時觸發 |
| ontimeupdate |
當前的播放位置發送改變時觸發 |
| onvolumechange |
音量發生改變時觸發 |
| onwaiting |
視頻由於要播放下一幀而需要緩衝時觸發 |
動畫事件
| 屬性 |
描述 |
| animationend |
CSS 動畫結束播放時觸發 |
| animationiteration |
CSS 動畫重複播放時觸發 |
| animationstart |
CSS 動畫開始播放時觸發 |
過渡事件
| 屬性 |
描述 |
| transitionend |
CSS 完成過渡後觸發 |
其他事件
| 屬性 |
描述 |
| onmessage |
對象(WebSocket/Web Worker/Event Source/子frame/父窗口)接收到消息時觸發 |
| onmousewheel |
已廢棄。 使用onwheel 事件替代 |
| ononline |
瀏覽器開始在線工作時觸發 |
| onoffline |
瀏覽器開始離線工作時觸發 |
| onpopstate |
窗口的瀏覽曆史（history 對象）發生改變時觸發 |
| onshow |
元素在上下文菜單顯示時觸發 |
| onstorage |
Web Storage(HTML 5 Web 存儲)更新時觸發 |
| ontoggle |
用戶打開或關閉 元素時觸發 |
| onwheel |
鼠標滾輪在元素上下滾動時觸發 |
事件對象
常量
| 靜態變量 |
描述 |
| CAPTURING-PHASE |
當前事件階段為捕獲階段(3) |
| AT-TARGET |
當前事件是目標階段,在評估目標事件(1) |
| BUBBLING-PHASE |
當前的事件為冒泡階段 (2) |
屬性
| 屬性 |
描述 |
| bubbles |
返回布爾值，指示事件是否是起泡事件類型 |
| cancelable |
返回布爾值，指示事件是否可擁可取消的默認動作 |
| currentTarget |
返回其事件監聽器觸發該事件的元素 |
| eventPhase |
返回事件傳播的當前階段 |
| target |
返回觸發此事件的元素（事件的目標節點） |
| timeStamp |
返回事件生成的日期和時間 |
| type |
返回當前 Event 對象表示的事件的名稱 |
方法
| 方法 |
描述 |
| initEvent() |
初始化新創建的 Event 對象的屬性 |
| preventDefault() |
通知瀏覽器不要執行與事件關聯的默認動作 |
| stopPropagation() |
不再派發事件 |
目標事件對象
方法
| 方法 |
描述 |
| addEventListener() |
允許在目標事件中注冊監聽事件(IE8= attachEvent()) |
| dispatchEvent() |
允許發送事件到監聽器上 (IE8 =fireEvent()) |
| removeEventListener() |
運行一次注冊在事件目標上的監聽事件(IE8 =detachEvent()) |
事件監聽對象
方法
| 方法 |
描述 |
| handleEvent() |
把任意對象注冊為事件處理程序 |
文檔事件對象
方法
鼠標/鍵盤事件對象
屬性
| 屬性 |
描述 |
| altKey |
返回當事件被觸發時，"ALT" 是否被按下 |
| button |
返回當事件被觸發時，哪個鼠標按鈕被點擊 |
| clientX |
返回當事件被觸發時，鼠標指針的水平坐標 |
| clientY |
返回當事件被觸發時，鼠標指針的垂直坐標 |
| ctrlKey |
返回當事件被觸發時，"CTRL" 鍵是否被按下 |
| Location |
返回按鍵在設備上的位置 |
| charCode |
返回onkeypress事件觸發鍵值的字母代碼 |
| key |
在按下按鍵時返回按鍵的標識符 |
| keyCode |
返回onkeypress事件觸發的鍵值的字符代碼，或者 onkeydown 或 onkeyup 事件的鍵的代碼 |
| which |
返回onkeypress事件觸發的鍵值的字符代碼，或者 onkeydown 或 onkeyup 事件的鍵的代碼 |
| metaKey |
返回當事件被觸發時，"meta" 鍵是否被按下 |
| relatedTarget |
返回與事件的目標節點相關的節點 |
| screenX |
返回當某個事件被觸發時，鼠標指針的水平坐標 |
| screenY |
返回當某個事件被觸發時，鼠標指針的垂直坐標 |
| shiftKey |
返回當事件被觸發時，"SHIFT" 鍵是否被按下 |
方法
| 方法 |
描述 |
| initMouseEvent() |
初始化鼠標事件對象的值 |
| initKeyboardEvent() |
初始化鍵盤事件對象的值 |
最後更新：2017-04-29 01:00:39