HTML中事件觸發(fā)列表與解說
更新時(shí)間：2007年07月09日 00:00:00 作者：
| 一般事件 | ||
|---|---|---|
| 事件 | 瀏覽器支持 | 描述 |
| onClick | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 |
鼠標(biāo)點(diǎn)擊事件，多用在某個(gè)對(duì)象控制的范圍內(nèi)的鼠標(biāo)點(diǎn)擊 |
| onDblClick | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O |
鼠標(biāo)雙擊事件 |
| onMouseDown | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O |
鼠標(biāo)上的按鈕被按下了 |
| onMouseUp | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O |
鼠標(biāo)按下后，松開時(shí)激發(fā)的事件 |
| onMouseOver | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 |
當(dāng)鼠標(biāo)移動(dòng)到某對(duì)象范圍的上方時(shí)觸發(fā)的事件 |
| onMouseMove | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O |
鼠標(biāo)移動(dòng)時(shí)觸發(fā)的事件 |
| onMouseOut | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N3 | O3 |
當(dāng)鼠標(biāo)離開某對(duì)象范圍時(shí)觸發(fā)的事件 |
| onKeyPress | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O |
當(dāng)鍵盤上的某個(gè)鍵被按下并且釋放時(shí)觸發(fā)的事件.[注意:頁面內(nèi)必須有被聚焦的對(duì)象] |
| onKeyDown | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O |
當(dāng)鍵盤上某個(gè)按鍵被按下時(shí)觸發(fā)的事件[注意:頁面內(nèi)必須有被聚焦的對(duì)象] |
| onKeyUp | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O |
當(dāng)鍵盤上某個(gè)按鍵被按放開時(shí)觸發(fā)的事件[注意:頁面內(nèi)必須有被聚焦的對(duì)象] |
| 頁面相關(guān)事件 | ||
| 事件 | 瀏覽器支持 | 描述 |
| onAbort | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N3 | O |
圖片在下載時(shí)被用戶中斷 |
| onBeforeUnload | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
當(dāng)前頁面的內(nèi)容將要被改變時(shí)觸發(fā)的事件 |
| onError | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N3 | O |
捕抓當(dāng)前頁面因?yàn)槟撤N原因而出現(xiàn)的錯(cuò)誤，如腳本錯(cuò)誤與外部數(shù)據(jù)引用的錯(cuò)誤 |
| onLoad | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 |
頁面內(nèi)空完成傳送到瀏覽器時(shí)觸發(fā)的事件，包括外部文件引入完成 |
| onMove | HTML: 2 | 3 | 3.2 | 4 Browser: IE | N4 | O |
瀏覽器的窗口被移動(dòng)時(shí)觸發(fā)的事件 |
| onResize | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O |
當(dāng)瀏覽器的窗口大小被改變時(shí)觸發(fā)的事件 |
| onScroll | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
瀏覽器的滾動(dòng)條位置發(fā)生變化時(shí)觸發(fā)的事件 |
| onStop | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
瀏覽器的停止按鈕被按下時(shí)觸發(fā)的事件或者正在下載的文件被中斷 |
| onUnload | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 |
當(dāng)前頁面將被改變時(shí)觸發(fā)的事件 |
| 表單相關(guān)事件 | ||
| 事件 | 瀏覽器支持 | 描述 |
| onBlur | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 |
當(dāng)前元素失去焦點(diǎn)時(shí)觸發(fā)的事件 [鼠標(biāo)與鍵盤的觸發(fā)均可] |
| onChange | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 |
當(dāng)前元素失去焦點(diǎn)并且元素的內(nèi)容發(fā)生改變而觸發(fā)的事件 [鼠標(biāo)與鍵盤的觸發(fā)均可] |
| onFocus | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 |
當(dāng)某個(gè)元素獲得焦點(diǎn)時(shí)觸發(fā)的事件 |
| onReset | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N3 | O3 |
當(dāng)表單中RESET的屬性被激發(fā)時(shí)觸發(fā)的事件 |
| onSubmit | HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 |
一個(gè)表單被遞交時(shí)觸發(fā)的事件 |
| 滾動(dòng)字幕事件 | ||
| 事件 | 瀏覽器支持 | 描述 |
| onBounce | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
在Marquee內(nèi)的內(nèi)容移動(dòng)至Marquee顯示范圍之外時(shí)觸發(fā)的事件 |
| onFinish | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
當(dāng)Marquee元素完成需要顯示的內(nèi)容后觸發(fā)的事件 |
| onStart | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
當(dāng)Marquee元素開始顯示內(nèi)容時(shí)觸發(fā)的事件 |
| 編輯事件 | ||
| 事件 | 瀏覽器支持 | 描述 |
| onBeforeCopy | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
當(dāng)頁面當(dāng)前的被選擇內(nèi)容將要復(fù)制到瀏覽者系統(tǒng)的剪貼板前觸發(fā)的事件 |
| onBeforeCut | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
當(dāng)頁面中的一部分或者全部的內(nèi)容將被移離當(dāng)前頁面[剪貼]并移動(dòng)到瀏覽者的系統(tǒng)剪貼板時(shí)觸發(fā)的事件 |
| onBeforeEditFocus | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
當(dāng)前元素將要進(jìn)入編輯狀態(tài) |
| onBeforePaste | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
內(nèi)容將要從瀏覽者的系統(tǒng)剪貼板傳送[粘貼]到頁面中時(shí)觸發(fā)的事件 |
| onBeforeUpdate | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
當(dāng)瀏覽者粘貼系統(tǒng)剪貼板中的內(nèi)容時(shí)通知目標(biāo)對(duì)象 |
| onContextMenu | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
當(dāng)瀏覽者按下鼠標(biāo)右鍵出現(xiàn)菜單時(shí)或者通過鍵盤的按鍵觸發(fā)頁面菜單時(shí)觸發(fā)的事件 [試試在頁面中的<body>中加入onContentMenu="return false"就可禁止使用鼠標(biāo)右鍵了] |
| onCopy | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
當(dāng)頁面當(dāng)前的被選擇內(nèi)容被復(fù)制后觸發(fā)的事件 |
| onCut | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
當(dāng)頁面當(dāng)前的被選擇內(nèi)容被剪切時(shí)觸發(fā)的事件 |
| onDrag | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
當(dāng)某個(gè)對(duì)象被拖動(dòng)時(shí)觸發(fā)的事件 [活動(dòng)事件] |
| onDragDrop | HTML: 2 | 3 | 3.2 | 4 Browser: IE | N4 | O |
一個(gè)外部對(duì)象被鼠標(biāo)拖進(jìn)當(dāng)前窗口或者幀 |
| onDragEnd | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
當(dāng)鼠標(biāo)拖動(dòng)結(jié)束時(shí)觸發(fā)的事件，即鼠標(biāo)的按鈕被釋放了 |
| onDragEnter | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
當(dāng)對(duì)象被鼠標(biāo)拖動(dòng)的對(duì)象進(jìn)入其容器范圍內(nèi)時(shí)觸發(fā)的事件 |
| onDragLeave | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
當(dāng)對(duì)象被鼠標(biāo)拖動(dòng)的對(duì)象離開其容器范圍內(nèi)時(shí)觸發(fā)的事件 |
| onDragOver | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
當(dāng)某被拖動(dòng)的對(duì)象在另一對(duì)象容器范圍內(nèi)拖動(dòng)時(shí)觸發(fā)的事件 [活動(dòng)事件] |
| onDragStart | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
當(dāng)某對(duì)象將被拖動(dòng)時(shí)觸發(fā)的事件 |
| onDrop | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
在一個(gè)拖動(dòng)過程中，釋放鼠標(biāo)鍵時(shí)觸發(fā)的事件 |
| onLoseCapture | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
當(dāng)元素失去鼠標(biāo)移動(dòng)所形成的選擇焦點(diǎn)時(shí)觸發(fā)的事件 |
| onPaste | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
當(dāng)內(nèi)容被粘貼時(shí)觸發(fā)的事件 |
| onSelect | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
當(dāng)文本內(nèi)容被選擇時(shí)的事件 |
| onSelectStart | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
當(dāng)文本內(nèi)容選擇將開始發(fā)生時(shí)觸發(fā)的事件 |
| 數(shù)據(jù)綁定 | ||
| 事件 | 瀏覽器支持 | 描述 |
| onAfterUpdate | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
當(dāng)數(shù)據(jù)完成由數(shù)據(jù)源到對(duì)象的傳送時(shí)觸發(fā)的事件 |
| onCellChange | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
當(dāng)數(shù)據(jù)來源發(fā)生變化時(shí) |
| onDataAvailable | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
當(dāng)數(shù)據(jù)接收完成時(shí)觸發(fā)事件 |
| onDatasetChanged | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
數(shù)據(jù)在數(shù)據(jù)源發(fā)生變化時(shí)觸發(fā)的事件 |
| onDatasetComplete | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
當(dāng)來子數(shù)據(jù)源的全部有效數(shù)據(jù)讀取完畢時(shí)觸發(fā)的事件 |
| onErrorUpdate | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
當(dāng)使用onBeforeUpdate事件觸發(fā)取消了數(shù)據(jù)傳送時(shí)，代替onAfterUpdate事件 |
| onRowEnter | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
當(dāng)前數(shù)據(jù)源的數(shù)據(jù)發(fā)生變化并且有新的有效數(shù)據(jù)時(shí)觸發(fā)的事件 |
| onRowExit | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
當(dāng)前數(shù)據(jù)源的數(shù)據(jù)將要發(fā)生變化時(shí)觸發(fā)的事件 |
| onRowsDelete | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
當(dāng)前數(shù)據(jù)記錄將被刪除時(shí)觸發(fā)的事件 |
| onRowsInserted | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
當(dāng)前數(shù)據(jù)源將要插入新數(shù)據(jù)記錄時(shí)觸發(fā)的事件 |
| 外部事件 | ||
| 事件 | 瀏覽器支持 | 描述 |
| onAfterPrint | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
當(dāng)文檔被打印后觸發(fā)的事件 |
| onBeforePrint | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
當(dāng)文檔即將打印時(shí)觸發(fā)的事件 |
| onFilterChange | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
當(dāng)某個(gè)對(duì)象的濾鏡效果發(fā)生變化時(shí)觸發(fā)的事件 |
| onHelp | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
當(dāng)瀏覽者按下F1或者瀏覽器的幫助選擇時(shí)觸發(fā)的事件 |
| onPropertyChange | HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O |
當(dāng)對(duì)象的屬性之一發(fā)生變化時(shí)觸發(fā)的事件 |
| onReadyStateChange | HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O |
當(dāng)對(duì)象的初始化屬性值發(fā)生變化時(shí)觸發(fā)的事件 |
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于async/await地獄該如何避免的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-05-05
這篇文章主要介紹了javascript獲取web應(yīng)用根目錄的方法,需要的朋友可以參考下2014-02-02
用JavaScript和注冊表腳本實(shí)現(xiàn)右鍵收藏Web頁選中文本
用JavaScript和注冊表腳本實(shí)現(xiàn)右鍵收藏Web頁選中文本...2007-01-01
推薦幾個(gè)不錯(cuò)的console調(diào)試技巧實(shí)現(xiàn)
這篇文章主要介紹了推薦幾個(gè)不錯(cuò)的console調(diào)試技巧實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
JavaScript實(shí)現(xiàn)簡單的文本逐字打印效果示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡單的文本逐字打印效果,涉及javascript結(jié)合時(shí)間函數(shù)動(dòng)態(tài)操作頁面元素相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-04-04
這篇文章主要為大家介紹了JS?加載性能Tree?Shaking優(yōu)化詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
基于javascript實(shí)現(xiàn)簡單的抽獎(jiǎng)系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了基于javascript實(shí)現(xiàn)簡單的抽獎(jiǎng)系統(tǒng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-03-03
JavaScript獲取和設(shè)置CheckBox狀態(tài)的簡單方法
這篇文章介紹了JavaScript獲取和設(shè)置CheckBox狀態(tài)的簡單方法，有需要的朋友可以參考一下2013-07-07
這篇文章主要介紹了純JS實(shí)現(xiàn)本地圖片預(yù)覽的方法,基于javascript插件實(shí)現(xiàn)本地圖片預(yù)覽功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
JavaScript this在函數(shù)中的指向及實(shí)例詳解
這篇文章主要介紹了JavaScript this在函數(shù)中的指向及實(shí)例詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10