JS_DOM_鼠標、鍵盤事件合集

時間 2019-11-16

標籤 dom 鼠標鍵盤事件合集欄目 JavaScript 简体版

原文原文鏈接

JS_DOM_鼠標、鍵盤事件合集

鼠標事件

onclick 鼠標點擊事件瀏覽器

ondblclick 鼠標雙擊事件框架

onmousedown 鼠標按下事件ide

onmouseup 鼠標按鍵被鬆開事件動畫

onmouseenter 鼠標指針移上時出發事件（不支持冒泡）spa

onmouseleave 鼠標指針移出事件指針

onmousemove 鼠標移動事件視頻

onmouseover 鼠標移入事件（移入子元素也會觸發）對象

onmouseout 鼠標移開事件seo

鍵盤事件

onkeydown 鍵盤某個鍵被按下事件事件

onkeyup 鍵盤某個鍵被鬆開事件

onkeypress 鍵盤某個按鍵被按下並鬆開事件

框架/對象（Frame/Object）事件

onabort 圖像加載被中斷事件

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 該事件在拖動元素放置在目標區域時觸發

多媒體事件

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 該事件當 <menu> 元素在上下文菜單顯示時觸發

onstorage 該事件在 Web Storage(HTML 5 Web 存儲)更新時觸發

ontoggle 該事件在用戶打開或關閉 <details> 元素時觸發

onwheel 該事件在鼠標滾輪在元素上下滾動時觸發

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。