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)文章
基于JavaScript實(shí)現(xiàn)點(diǎn)擊頁面任何位置返回
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)點(diǎn)擊頁面任何位置返回的實(shí)例代碼,需要的朋友可以參考下2016-08-08
這篇文章主要介紹了js右下角彈出提示框示例代碼，即網(wǎng)頁右下角彈出廣告信息框?qū)嵗a，感興趣的小伙伴們可以參考一下2016-01-01
JS中的XMLHttpRequest?對(duì)象示例詳解
xmlhttp是一種瀏覽器對(duì)象,?可用于模擬http的GET和POST請(qǐng)求,xmlhttp配合JavaScript可以實(shí)現(xiàn)頁面數(shù)據(jù)在無刷新下的定時(shí)數(shù)據(jù)更新,如果應(yīng)用在聊天室、文字直播上,可以取得較好的視覺效果,這篇文章主要介紹了JS——XMLHttpRequest?對(duì)象,需要的朋友可以參考下2024-01-01
快速解決FusionCharts聯(lián)動(dòng)的中文亂碼問題
這篇文章主要介紹了如何解決FusionCharts聯(lián)動(dòng)的中文亂碼問題。需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12
這篇文章主要介紹了js彈出對(duì)話框方式,結(jié)合大量實(shí)例總結(jié)分析了JavaScript常用的彈出對(duì)話框的實(shí)現(xiàn)技巧與相關(guān)函數(shù)的具體使用方法,需要的朋友可以參考下2015-11-11
JavaScript新手必看之var在for循環(huán)中的坑
var這個(gè)關(guān)鍵字在JS當(dāng)中是相當(dāng)常用的，但同時(shí)配合到for循環(huán)的話會(huì)出現(xiàn)不符合預(yù)期的運(yùn)行結(jié)果，所以本文就來為大家講講如何避免這種情況的出現(xiàn)2023-05-05
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)按鈕顏色切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
基于javascript的在火狐里面強(qiáng)制換行字符
火狐也不知道為什么，自己功能上，樣式上面，都無法讓其強(qiáng)制換行，這里用JS來實(shí)現(xiàn)火狐里面強(qiáng)制換行的方法。2010-06-06
這篇文章主要為大家詳細(xì)介紹了js獲取一組日期中最近連續(xù)的天數(shù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了JavaScript把局部變量變成全局變量的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05