
Javascript事件大全
全面匯總并詳細解釋了JavaScript中的常用事件,包括鼠標事件、鍵盤事件、加載事件、表單事件、滾動事件等。每種事件提供了瀏覽器支持情況、功能描述及實際應用場景,幫助開發(fā)者快速理解和高效使用事件處理,提升網站交互體驗與性能。
一般事件 共計10種
事件 | 瀏覽器支持 | 解說 |
---|---|---|
onclick | IE3、N2 | 鼠標點擊時觸發(fā)此事件 |
ondblclick | IE4、N4 | 鼠標雙擊時觸發(fā)此事件 |
onmousedown | IE4、N4 | 按下鼠標時觸發(fā)此事件 |
onmouseup | IE4、N4 | 鼠標按下后松開鼠標時觸發(fā)此事件 |
onmouseover | IE3、N2 | 當鼠標移動到某對象范圍的上方時觸發(fā)此事件 |
onmousemove | IE4、N4 | 鼠標移動時觸發(fā)此事件 |
onmouseout | IE4、N3 | 當鼠標離開某對象范圍時觸發(fā)此事件 |
onkeypress | IE4、N4 | 當鍵盤上的某個鍵被按下并且釋放時觸發(fā)此事件. |
onkeydown | IE4、N4 | 當鍵盤上某個按鍵被按下時觸發(fā)此事件 |
onkeyup | IE4、N4 | 當鍵盤上某個按鍵被按放開時觸發(fā)此事件 |
頁面相關事件 共計9種
事件 | 瀏覽器支持 | 解說 |
---|---|---|
onabort | IE4、N3 | 圖片在下載時被用戶中斷 |
onbeforeunload | IE4、N | 當前頁面的內容將要被改變時觸發(fā)此事件 |
onerror | IE4、N3 | 出現錯誤時觸發(fā)此事件 |
onload | IE3、N2 | 頁面內容完成時觸發(fā)此事件 |
onmove | IE、N4 | 瀏覽器的窗口被移動時觸發(fā)此事件 |
onresize | IE4、N4 | 當瀏覽器的窗口大小被改變時觸發(fā)此事件 |
onscroll | IE4、N | 瀏覽器的滾動條位置發(fā)生變化時觸發(fā)此事件 |
onstop | IE5、N | 瀏覽器的停止按鈕被按下時觸發(fā)此事件或者正在下載的文件被中斷 |
onunload | IE3、N2 | 當前頁面將被改變時觸發(fā)此事件 |
表單相關事件 共計5種
事件 | 瀏覽器支持 | 解說 |
---|---|---|
onblur | IE3、N2 | 當前元素失去焦點時觸發(fā)此事件 |
onchange | IE3、N2 | 當前元素失去焦點并且元素的內容發(fā)生改變而觸發(fā)此事件 |
onfocus | IE3 、N2 | 當某個元素獲得焦點時觸發(fā)此事件 |
onreset | IE4 、N3 | 當表單中RESET的屬性被激發(fā)時觸發(fā)此事件 |
onsubmit | IE3 、N2 | 一個表單被遞交時觸發(fā)此事件 |
滾動字幕事件 共計3種
事件 | 瀏覽器支持 | 解說 |
---|---|---|
onbounce | IE4、N | 在Marquee內的內容移動至Marquee顯示范圍之外時觸發(fā)此事件 |
onfinish | IE4、N | 當Marquee元素完成需要顯示的內容后觸發(fā)此事件 |
onstart | IE4、 N | 當Marquee元素開始顯示內容時觸發(fā)此事件 |
編輯事件 共計20種
事件 | 瀏覽器支持 | 解說 |
---|---|---|
onbeforecopy | IE5、N | 當頁面當前的被選擇內容將要復制到瀏覽者系統(tǒng)的剪貼板前觸發(fā)此事件 |
onbeforecut | IE5、 N | 當頁面中的一部分或者全部的內容將被移離當前頁面[剪貼]并移動到瀏覽者的系統(tǒng)剪貼板時觸發(fā)此事件 |
onbeforeeditfocus | IE5、N | 當前元素將要進入編輯狀態(tài) |
onbeforepaste | IE5、 N | 內容將要從瀏覽者的系統(tǒng)剪貼板傳送[粘貼]到頁面中時觸發(fā)此事件 |
onbeforeupdate | IE5、 N | 當瀏覽者粘貼系統(tǒng)剪貼板中的內容時通知目標對象 |
oncontextmenu | IE5、N | 當瀏覽者按下鼠標右鍵出現菜單時或者通過鍵盤的按鍵觸發(fā)頁面菜單時觸發(fā)的事件 |
oncopy | IE5、N | 當頁面當前的被選擇內容被復制后觸發(fā)此事件 |
oncut | IE5、N | 當頁面當前的被選擇內容被剪切時觸發(fā)此事件 |
ondrag | IE5、N | 當某個對象被拖動時觸發(fā)此事件 [活動事件] |
ondragdrop | IE、N4 | 一個外部對象被鼠標拖進當前窗口或者幀 |
ondragend | IE5、N | 當鼠標拖動結束時觸發(fā)此事件,即鼠標的按鈕被釋放了 |
ondragenter | IE5、N | 當對象被鼠標拖動的對象進入其容器范圍內時觸發(fā)此事件 |
ondragleave | IE5、N | 當對象被鼠標拖動的對象離開其容器范圍內時觸發(fā)此事件 |
ondragover | IE5、N | 當某被拖動的對象在另一對象容器范圍內拖動時觸發(fā)此事件 |
ondragstart | IE4、N | 當某對象將被拖動時觸發(fā)此事件 |
ondrop | IE5、N | 在一個拖動過程中,釋放鼠標鍵時觸發(fā)此事件 |
onlosecapture | IE5、N | 當元素失去鼠標移動所形成的選擇焦點時觸發(fā)此事件 |
onpaste | IE5、N | 當內容被粘貼時觸發(fā)此事件 |
onselect | IE4、N | 當文本內容被選擇時的事件 |
onselectstart | IE4、N | 當文本內容選擇將開始發(fā)生時觸發(fā)的事件 |
補充糾錯
Javascript事件大全說明
本參考手冊系統(tǒng)化梳理了ECMAScript標準事件模型,涵蓋6大事件類別、57+核心事件及瀏覽器兼容性解決方案。數據基于CanIUse最新兼容性數據生成,最后更新:2023年11月。
?? UI交互事件
- 鼠標事件 (click/dblclick/mouseover等)
- 鍵盤事件 (keydown/keypress/keyup)
- 觸控事件 (touchstart/touchend)
?? 生命周期事件
- DOM事件 (DOMContentLoaded/load)
- 頁面事件 (beforeunload/unload)
- 資源事件 (error/abort)
?? 數據驅動事件
- 表單事件 (submit/change/input)
- 存儲事件 (storage/indexedDB)
- 通信事件 (message/online/offline)
事件類型 | 標準協(xié)議 | 兼容性范圍 | 技術說明 |
---|---|---|---|
pointerdown | Pointer Events Level 2 | Chrome 55+ / FF 59+ / Edge 13+ | 統(tǒng)一指針事件模型,支持鼠標/觸控筆/觸摸輸入 |
visibilitychange | Page Visibility API | IE10+ / 全平臺現代瀏覽器 | 監(jiān)聽頁面可見性變化,優(yōu)化后臺資源消耗 |
專家建議
- 優(yōu)先使用事件委托減少監(jiān)聽器數量
- 異步事件處理推薦使用AbortController
- 高頻事件(如scroll/resize)應添加節(jié)流控制
分享鏈接
你可能感興趣的工具
- IP子網掩碼計算器
- 網頁常用色彩
- UserAgent生成器
- 占位圖片生成器
- MD4算法加密工具
- JWT密匙生成器
- 屏幕PPI計算工具
- 英文字母大小寫轉工具
- Photoshop快捷鍵大全
- Exce快捷鍵
- CSS代碼壓縮工具
- 卡密生成器
- 文本間隔生成工具
- IP檢測工具
- 雪花算法ID生成器
- MAC地址生成器
- 圖片裁剪工具
- HSV/CMYK互轉工具
- 網址鏈接批量生產器
- JSON轉Excel/Csv工具
- PEM文件生成器
- URL編碼解碼工具
- Java代碼格式化
- RC4加密解密工具
- 隨機IP地址生成器
- 下劃線/駝峰互轉
- PHP函數大全
- 百度推送工具
- JS代碼壓縮工具
- 一鍵采集器
- MQTT代碼生成工具
- UUID生成器
- 文字豎排工具
- 隨機數生成器
- WEB安全色
- XML代碼壓縮工具