js 事件小結(jié) 表格區(qū)別
一般事件 | ||
事件 | 瀏覽器支持 | 描述 |
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)文章
Kendo Grid editing 自定義驗(yàn)證報(bào)錯(cuò)提示的解決方法
Kendo UI是一個(gè)強(qiáng)大的框架用于快速HTML5 UI開發(fā)?;谧钚碌腍TML5、CSS3和JavaScript標(biāo)準(zhǔn)。今天小編通過分享本文給大家介紹Kendo Grid editing 自定義驗(yàn)證報(bào)錯(cuò)提示的解決方法2016-11-11JS實(shí)現(xiàn)判斷滾動(dòng)條滾到頁面底部并執(zhí)行事件的方法
這篇文章主要介紹了JS實(shí)現(xiàn)判斷滾動(dòng)條滾到頁面底部并執(zhí)行事件的方法,本文先是分析了需求以及必備知識(shí),然后給出實(shí)現(xiàn)代碼,需要的朋友可以參考下2014-12-12微信小程序?qū)崿F(xiàn)收藏與取消收藏切換圖片功能
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)收藏與取消收藏切換圖片功能,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-08-08詳解如何用babel轉(zhuǎn)換es6的class語法
這篇文章主要介紹了詳解如何用babel轉(zhuǎn)換es6的class語法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-04-04js自定義方法通過隱藏iframe實(shí)現(xiàn)文件下載
通過隱藏iframe實(shí)現(xiàn)文件下載,不可思議吧,但確實(shí)是可以實(shí)現(xiàn)的,不懂的看下代碼,或許可以幫助到你,而且此功能是用js實(shí)現(xiàn)的,感興趣的你可不要錯(cuò)過了哈2013-02-02JS判斷鼠標(biāo)從什么方向進(jìn)入一個(gè)容器實(shí)例說明
偶然將想到的一個(gè)如何判斷鼠標(biāo)從哪個(gè)方向進(jìn)入一個(gè)容器的問題,并且做了一系列的設(shè)想,代碼部分不是很多,我直接寫了個(gè)示例, 感興趣的朋友可以了解下,或許本文對(duì)你有所幫助2013-02-02JavaScript實(shí)現(xiàn)兩個(gè)數(shù)組的交集
這篇文章主要介紹了JavaScript實(shí)現(xiàn)兩個(gè)數(shù)組的交集,給定兩個(gè)數(shù)組???nums1???和??nums2??返回它們的交集,輸出結(jié)果中的每個(gè)元素一定是唯一的,下文詳細(xì)介紹,需要的小伙伴可以參考一下2022-03-03使用postMesssage()實(shí)現(xiàn)跨域iframe頁面間的信息傳遞方法
下面小編就為大家?guī)硪黄褂胮ostMesssage()實(shí)現(xiàn)跨域iframe頁面間的信息傳遞方法。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家一個(gè)參考。一起跟隨小編過來看看吧2016-03-03使用重寫url機(jī)制實(shí)現(xiàn)驗(yàn)證碼換一張功能
重寫URL機(jī)制:為了保證一個(gè)url的地址唯一,可每次向服務(wù)器傳遞的參數(shù)不一樣即可。此處在實(shí)現(xiàn)驗(yàn)證碼的換一張的功能時(shí),就是利用了改變參數(shù)列表的值進(jìn)行刷新。具體詳細(xì)代碼大家參考下本文2017-08-08