Javascript事件與功能說明大全
總結(jié)了Javascript常用的各種事件，包括鼠標(biāo)事件、加載事件、滾動(dòng)事件、表單事件、編輯事件、數(shù)據(jù)綁定事件等
下表詳細(xì)列舉了事件名及其對應(yīng)的瀏覽器支持情況與功能說明
竅門： Ctrl+F 快速查找| 事件 | 瀏覽器支持 | 說明 |
|---|---|---|
| onclick | IE3、N2 | 鼠標(biāo)點(diǎn)擊時(shí)觸發(fā)此事件 |
| ondblclick | IE4、N4 | 鼠標(biāo)雙擊時(shí)觸發(fā)此事件 |
| onmousedown | IE4、N4 | 按下鼠標(biāo)時(shí)觸發(fā)此事件 |
| onmouseup | IE4、N4 | 鼠標(biāo)按下后松開鼠標(biāo)時(shí)觸發(fā)此事件 |
| onmouseover | IE3、N2 | 當(dāng)鼠標(biāo)移動(dòng)到某對象范圍的上方時(shí)觸發(fā)此事件 |
| onmousemove | IE4、N4 | 鼠標(biāo)移動(dòng)時(shí)觸發(fā)此事件 |
| onmouseout | IE4、N3 | 當(dāng)鼠標(biāo)離開某對象范圍時(shí)觸發(fā)此事件 |
| onkeypress | IE4、N4 | 當(dāng)鍵盤上的某個(gè)鍵被按下并且釋放時(shí)觸發(fā)此事件. |
| onkeydown | IE4、N4 | 當(dāng)鍵盤上某個(gè)按鍵被按下時(shí)觸發(fā)此事件 |
| onkeyup | IE4、N4 | 當(dāng)鍵盤上某個(gè)按鍵被按放開時(shí)觸發(fā)此事件 |
| 事件 | 瀏覽器支持 | 說明 |
|---|---|---|
| onabort | IE4、N3 | 圖片在下載時(shí)被用戶中斷 |
| onbeforeunload | IE4、N | 當(dāng)前頁面的內(nèi)容將要被改變時(shí)觸發(fā)此事件 |
| onerror | IE4、N3 | 出現(xiàn)錯(cuò)誤時(shí)觸發(fā)此事件 |
| onload | IE3、N2 | 頁面內(nèi)容完成時(shí)觸發(fā)此事件 |
| onmove | IE、N4 | 瀏覽器的窗口被移動(dòng)時(shí)觸發(fā)此事件 |
| onresize | IE4、N4 | 當(dāng)瀏覽器的窗口大小被改變時(shí)觸發(fā)此事件 |
| onscroll | IE4、N | 瀏覽器的滾動(dòng)條位置發(fā)生變化時(shí)觸發(fā)此事件 |
| onstop | IE5、N | 瀏覽器的停止按鈕被按下時(shí)觸發(fā)此事件或者正在下載的文件被中斷 |
| onunload | IE3、N2 | 當(dāng)前頁面將被改變時(shí)觸發(fā)此事件 |
| 事件 | 瀏覽器支持 | 說明 |
|---|---|---|
| onblur | IE3、N2 | 當(dāng)前元素失去焦點(diǎn)時(shí)觸發(fā)此事件 |
| onchange | IE3、N2 | 當(dāng)前元素失去焦點(diǎn)并且元素的內(nèi)容發(fā)生改變而觸發(fā)此事件 |
| onfocus | IE3 、N2 | 當(dāng)某個(gè)元素獲得焦點(diǎn)時(shí)觸發(fā)此事件 |
| onreset | IE4 、N3 | 當(dāng)表單中RESET的屬性被激發(fā)時(shí)觸發(fā)此事件 |
| onsubmit | IE3 、N2 | 一個(gè)表單被遞交時(shí)觸發(fā)此事件 |
| 事件 | 瀏覽器支持 | 說明 |
|---|---|---|
| onbounce | IE4、N | 在Marquee內(nèi)的內(nèi)容移動(dòng)至Marquee顯示范圍之外時(shí)觸發(fā)此事件 |
| onfinish | IE4、N | 當(dāng)Marquee元素完成需要顯示的內(nèi)容后觸發(fā)此事件 |
| onstart | IE4、 N | 當(dāng)Marquee元素開始顯示內(nèi)容時(shí)觸發(fā)此事件 |
| 事件 | 瀏覽器支持 | 說明 |
|---|---|---|
| onbeforecopy | IE5、N | 當(dāng)頁面當(dāng)前的被選擇內(nèi)容將要復(fù)制到瀏覽者系統(tǒng)的剪貼板前觸發(fā)此事件 |
| onbeforecut | IE5、 N | 當(dāng)頁面中的一部分或者全部的內(nèi)容將被移離當(dāng)前頁面[剪貼]并移動(dòng)到瀏覽者的系統(tǒng)剪貼板時(shí)觸發(fā)此事件 |
| onbeforeeditfocus | IE5、N | 當(dāng)前元素將要進(jìn)入編輯狀態(tài) |
| onbeforepaste | IE5、 N | 內(nèi)容將要從瀏覽者的系統(tǒng)剪貼板傳送[粘貼]到頁面中時(shí)觸發(fā)此事件 |
| onbeforeupdate | IE5、 N | 當(dāng)瀏覽者粘貼系統(tǒng)剪貼板中的內(nèi)容時(shí)通知目標(biāo)對象 |
| oncontextmenu | IE5、N | 當(dāng)瀏覽者按下鼠標(biāo)右鍵出現(xiàn)菜單時(shí)或者通過鍵盤的按鍵觸發(fā)頁面菜單時(shí)觸發(fā)的事件 |
| oncopy | IE5、N | 當(dāng)頁面當(dāng)前的被選擇內(nèi)容被復(fù)制后觸發(fā)此事件 |
| oncut | IE5、N | 當(dāng)頁面當(dāng)前的被選擇內(nèi)容被剪切時(shí)觸發(fā)此事件 |
| ondrag | IE5、N | 當(dāng)某個(gè)對象被拖動(dòng)時(shí)觸發(fā)此事件 [活動(dòng)事件] |
| ondragdrop | IE、N4 | 一個(gè)外部對象被鼠標(biāo)拖進(jìn)當(dāng)前窗口或者幀 |
| ondragend | IE5、N | 當(dāng)鼠標(biāo)拖動(dòng)結(jié)束時(shí)觸發(fā)此事件，即鼠標(biāo)的按鈕被釋放了 |
| ondragenter | IE5、N | 當(dāng)對象被鼠標(biāo)拖動(dòng)的對象進(jìn)入其容器范圍內(nèi)時(shí)觸發(fā)此事件 |
| ondragleave | IE5、N | 當(dāng)對象被鼠標(biāo)拖動(dòng)的對象離開其容器范圍內(nèi)時(shí)觸發(fā)此事件 |
| ondragover | IE5、N | 當(dāng)某被拖動(dòng)的對象在另一對象容器范圍內(nèi)拖動(dòng)時(shí)觸發(fā)此事件 |
| ondragstart | IE4、N | 當(dāng)某對象將被拖動(dòng)時(shí)觸發(fā)此事件 |
| ondrop | IE5、N | 在一個(gè)拖動(dòng)過程中，釋放鼠標(biāo)鍵時(shí)觸發(fā)此事件 |
| onlosecapture | IE5、N | 當(dāng)元素失去鼠標(biāo)移動(dòng)所形成的選擇焦點(diǎn)時(shí)觸發(fā)此事件 |
| onpaste | IE5、N | 當(dāng)內(nèi)容被粘貼時(shí)觸發(fā)此事件 |
| onselect | IE4、N | 當(dāng)文本內(nèi)容被選擇時(shí)的事件 |
| onselectstart | IE4、N | 當(dāng)文本內(nèi)容選擇將開始發(fā)生時(shí)觸發(fā)的事件 |
| 事件 | 瀏覽器支持 | 說明 |
|---|---|---|
| onafterupdate | IE4、N | 當(dāng)數(shù)據(jù)完成由數(shù)據(jù)源到對象的傳送時(shí)觸發(fā)此事件 |
| oncellchange | IE5、N | 當(dāng)數(shù)據(jù)來源發(fā)生變化時(shí) |
| ondataavailable | IE4、N | 當(dāng)數(shù)據(jù)接收完成時(shí)觸發(fā)事件 |
| ondatasetchanged | IE4、N | 數(shù)據(jù)在數(shù)據(jù)源發(fā)生變化時(shí)觸發(fā)的事件 |
| ondatasetcomplete | IE4、N | 當(dāng)來子數(shù)據(jù)源的全部有效數(shù)據(jù)讀取完畢時(shí)觸發(fā)此事件 |
| onerrorupdate | IE4、N | 當(dāng)使用onBeforeUpdate事件觸發(fā)取消了數(shù)據(jù)傳送時(shí)，代替onAfterUpdate事件 |
| onrowenter | IE5、N | 當(dāng)前數(shù)據(jù)源的數(shù)據(jù)發(fā)生變化并且有新的有效數(shù)據(jù)時(shí)觸發(fā)的事件 |
| onrowexit | IE5、N | 當(dāng)前數(shù)據(jù)源的數(shù)據(jù)將要發(fā)生變化時(shí)觸發(fā)的事件 |
| onrowsdelete | IE5、N | 當(dāng)前數(shù)據(jù)記錄將被刪除時(shí)觸發(fā)此事件 |
| onrowsinserted | IE5、N | 當(dāng)前數(shù)據(jù)源將要插入新數(shù)據(jù)記錄時(shí)觸發(fā)此事件 |
| 事件 | 瀏覽器支持 | 說明 |
|---|---|---|
| onafterprint | IE5、N | 當(dāng)文檔被打印后觸發(fā)此事件 |
| onbeforeprint | IE5、N | 當(dāng)文檔即將打印時(shí)觸發(fā)此事件 |
| onfilterchange | IE4、N | 當(dāng)某個(gè)對象的濾鏡效果發(fā)生變化時(shí)觸發(fā)的事件 |
| onhelp | IE4、N | 當(dāng)瀏覽者按下F1或者瀏覽器的幫助選擇時(shí)觸發(fā)此事件 |
| onpropertychange | IE5、N | 當(dāng)對象的屬性之一發(fā)生變化時(shí)觸發(fā)此事件 |
| onreadystatechange | IE4、N | 當(dāng)對象的初始化屬性值發(fā)生變化時(shí)觸發(fā)此事件 |