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