| 鼠標事件 | ||||||||
|---|---|---|---|---|---|---|---|---|
| onclick | 當用戶點擊某個對像時調用的事件句柄 | oncontextmenu | 在用戶點擊鼠標右鍵打開上下文菜單時觸發 | |||||
| ondblclick | 當用戶雙擊某個對像時調用的事件句柄 | onmousedown | 鼠標按鈕被按下 | |||||
| onmouseenter | 當鼠標指針移動到元素上時觸發 | onmouseleave | 當鼠標指針移出元素時觸發 | |||||
| onmousemove | 鼠標被移動 | onmouseover | 鼠標移到某元素之上 | |||||
| onmouseout | 鼠標從某元素移開 | onmouseup | 鼠標按鍵被松開 | |||||
| 鍵盤事件 | ||||||||
| onkeydown | 某個鍵盤按鍵被按下 | onkeypress | 某個鍵盤按鍵被按下並松開 | |||||
| onkeyup | 某個鍵盤按鍵被松開 | |||||||
| 框架/對像（Frame/Object）事件 | ||||||||
| onabort | 圖像的加載被中斷( <object>) | onbeforeunload | 該事件在即將離開頁面（刷新或關閉）時觸發 | |||||
| onerror | 在加載文檔或圖像時發生錯誤( <object>,<body>和 <frameset>) | onhashchange | 該事件在當前 URL 的錨部分發生修改時觸發。 | |||||
| onload | 一張頁面或一幅圖像完成加載 | onpageshow | 該事件在用戶訪問頁面時觸發 | |||||
| onpagehide | 該事件在用戶離開當前網頁跳轉到另外一個頁面時觸發 | onresize | 窗口或框架被重新調整大小 | |||||
| onscroll | 當文檔被滾動時發生的事件 | onunload | 用戶退出頁面(<body> 和 <frameset>) | |||||
| 表單事件 | ||||||||
| onblur | 元素失去焦點時觸發 | onchange | 該事件在表單元素的內容改變時觸發( <input>, <keygen>, <select>, 和 <textarea>) | |||||
| onfocus | 元素獲取焦點時觸發 | onfocusin | 元素即將獲取焦點時觸發 | |||||
| onfocusout | 元素即將失去焦點時觸發 | oninput | 元素獲取用戶輸入時觸發 | |||||
| onreset | 表單重置時觸發 | onsearch | 用戶向搜索域輸入文本時觸發(<input="search">) | |||||
| onselect | 用戶選取文本時觸發 ( <input> 和 <textarea>) | 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 或父窗口)接收到消息時觸發 | ononline | 該事件在瀏覽器開始在線工作時觸發 | |||||
| onoffline | 該事件在瀏覽器開始離線工作時觸發 | onpopstate | 該事件在窗口的瀏覽歷史（history 對像）發生改變時觸發 | |||||
| onshow | 該事件當 <menu> 元素在上下文菜單顯示時觸發 | onstorage | 該事件在 Web Storage(HTML 5 Web 存儲)更新時觸發 | |||||
| ontoggle | 該事件在用戶打開或關閉 <details> 元素時觸發 | 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() | 把任意對像注冊為事件處理程序 | |||||||
| 文檔事件對像 方法 | ||||||||
| createEvent() | ||||||||
| 鼠標/鍵盤事件對像 屬性 | ||||||||
| 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() | 初始化鍵盤事件對像的值 | |||||
window Resize
html 測試 左入右出
html 測試 上入下出
html 測試 單入單出
html 測試 左單右單
HTML DOM 事件
訂閱：
張貼留言 (Atom)
沒有留言:
張貼留言