1. 程式人生 > >js事件彙總大全

js事件彙總大全

1.Mouse 事件 描述

onClick 滑鼠點選事件,多用在某個物件控制的範圍內的滑鼠點選
onDblClick 滑鼠雙擊事件
onMouseDown 滑鼠上的按鈕被按下了
onMouseUp 滑鼠按下後,鬆開時激發的事件
onMouseOver 當滑鼠移動到某物件範圍的上方時觸發的事件onMouseMove 滑鼠移動時觸發的事件
onMouseOut 當滑鼠離開某物件範圍時觸發的事件
onKeyPress 當鍵盤上的某個鍵被按下並且釋放時觸發的事件.[注意:頁面內必須有被聚焦的物件]
onKeyDown 當鍵盤上某個按鍵被按下時觸發的事件[注意:頁面內必須有被聚焦的物件]
onKeyUp 當鍵盤上某個按鍵被按放開時觸發的事件[注意:頁面內必須有被聚焦的物件]
ondrag 元素被拖動時執行的指令碼。
ondragend 在拖動操作末端執行的指令碼。
ondragenter 當元素元素已被拖動到有效拖放區域時執行的指令碼。ondragleave 當元素離開有效拖放目標時執行的指令碼。
ondragover 當元素在有效拖放目標上正在被拖動時執行的指令碼。ondragstart 在拖動操作開端執行的指令碼。
ondrop 當被拖元素正在被拖放時執行的指令碼。onmousewheel 當滑鼠滾輪正在被滾動時執行的指令碼。
onscroll 當元素滾動條被滾動時執行的指令碼。

2.頁面相關事件 描述

onAbort 圖片在下載時被使用者中斷
onBeforeUnload 當前頁面的內容將要被改變時觸發的事件
onError 捕抓當前頁面因為某種原因而出現的錯誤,如指令碼錯誤與外部資料引用的錯誤
onLoad 頁面內空完成傳送到瀏覽器時觸發的事件,包括外部檔案引入完成
onMove 瀏覽器的視窗被移動時觸發的事件
onResize 當瀏覽器的視窗大小被改變時觸發的事件
onScroll 瀏覽器的滾動條位置發生變化時觸發的事件
onStop 瀏覽器的停止按鈕被按下時觸發的事件或者正在下載的檔案被中斷
onUnload 當前頁面將被改變時觸發的事件

3.表單相關事件 描述

onBlur 當前元素失去焦點時觸發的事件 [滑鼠與鍵盤的觸發均可]
onChange 當前元素失去焦點並且元素的內容發生改變而觸發的事件 [滑鼠與鍵盤的觸發均可]
onFocus 當某個元素獲得焦點時觸發的事件
onReset 當表單中RESET的屬性被激發時觸發的事件
onSubmit 一個表單被遞交時觸發的事件
oninput 在value改變時觸發,實時的,即每增加或刪除一個字元就會觸發,然而通過js改變value時,卻不會觸發;
oncontextmenu 當上下文選單被觸發時執行的指令碼。onformchange 在表單改變時執行的指令碼。
onforminput 當表單獲得使用者輸入時執行的指令碼。
oninput 當元素獲得使用者輸入時執行的指令碼。
oninvalid 當元素無效時執行的指令碼。

4.滾動字幕事件 描述

onBounce 在Marquee內的內容移動至Marquee顯示範圍之外時觸發的事件
onFinish 當Marquee元素完成需要顯示的內容後觸發的事件
onStart 當Marquee元素開始顯示內容時觸發的事件

5.編輯事件事件 描述

onBeforeCopy 當頁面當前的被選擇內容將要複製到瀏覽者系統的剪貼簿前觸發的事件
onBeforeCut 當頁面中的一部分或者全部的內容將被移離當前頁面[剪貼]並移動到瀏覽者的系統剪貼簿時觸發的事件
onBeforeEditFocus 當前元素將要進入編輯狀態
onBeforePaste 內容將要從瀏覽者的系統剪貼簿傳送[貼上]到頁面中時觸發的事件
onBeforeUpdate 當瀏覽者貼上系統剪貼簿中的內容時通知目標物件onContextMenu 當瀏覽者按下滑鼠右鍵出現選單時或者通過鍵盤的按鍵觸發頁面選單時觸發的事件 [試試在頁面中的<body>中加入onContentMenu="return false"就可禁止使用滑鼠右鍵了]
onCopy 當頁面當前的被選擇內容被複制後觸發的事件
onCut 當頁面當前的被選擇內容被剪下時觸發的事件
onDrag 當某個物件被拖動時觸發的事件 [活動事件]
onDragDrop 一個外部物件被滑鼠拖進當前視窗或者幀
onDragEnd 當滑鼠拖動結束時觸發的事件,即滑鼠的按鈕被釋放了onDragEnter 當物件被滑鼠拖動的物件進入其容器範圍內時觸發的事件onDragLeave 當物件被滑鼠拖動的物件離開其容器範圍內時觸發的事件onDragOver 當某被拖動的物件在另一物件容器範圍內拖動時觸發的事件
onDragStart 當某物件將被拖動時觸發的事件
onDrop 在一個拖動過程中,釋放滑鼠鍵時觸發的事件
onLoseCapture 當元素失去滑鼠移動所形成的選擇焦點時觸發的事件onPaste 當內容被貼上時觸發的事件
onSelect 當文字內容被選擇時的事件
onSelectStart 當文字內容選擇將開始發生時觸發的事件

6.資料繫結事件 描述

onAfterUpdate 當資料完成由資料來源到物件的傳送時觸發的事件onCellChange 當資料來源發生變化時
onDataAvailable 當資料接收完成時觸發事件
onDatasetChanged 資料在資料來源發生變化時觸發的事件onDatasetComplete 當來子資料來源的全部有效資料讀取完畢時觸發的事件
onErrorUpdate 當使用onBeforeUpdate事件觸發取消了資料傳送時,代替onAfterUpdate事件
onRowEnter 當前資料來源的資料發生變化並且有新的有效資料時觸發的事件
onRowExit 當前資料來源的資料將要發生變化時觸發的事件onRowsDelete 當前資料記錄將被刪除時觸發的事件onRowsInserted 當前資料來源將要插入新資料記錄時觸發的事件onAfterPrint 當文件被列印後觸發的事件
onBeforePrint 當文件即將列印時觸發的事件
onFilterChange 當某個物件的濾鏡效果發生變化時觸發的事件onHelp 當瀏覽者按下F1或者瀏覽器的幫助選擇時觸發的事件onPropertyChange 當物件的屬性之一發生變化時觸發的事件onReadyStateChange 當物件的初始化屬性值發生變化時觸發的事件

7.Window 事件

onafterprint 文件列印之後執行的指令碼。
onbeforeprint 文件列印之前執行的指令碼。
onbeforeunload 文件解除安裝之前執行的指令碼。
onerror 在錯誤發生時執行的指令碼。
onhaschange 當文件已改變時執行的指令碼。
onload 頁面結束載入之後觸發。
onmessage 在訊息被觸發時執行的指令碼。
onoffline 當文件離線時執行的指令碼。
ononline 當文件上線時執行的指令碼。
onpagehide 當視窗隱藏時執行的指令碼。
onpageshow 當視窗成為可見時執行的指令碼。
onpopstate 當視窗歷史記錄改變時執行的指令碼。
onredo 當文件執行撤銷(redo)時執行的指令碼。
onresize 當瀏覽器視窗被調整大小時觸發。
onstorage 在 Web Storage 區域更新後執行的指令碼。
onundo 在文件執行 undo 時執行的指令碼。
onunload 一旦頁面已下載時觸發(或者瀏覽器視窗已被關閉)。

8.Media 事件

onabort 在退出時執行的指令碼。
oncanplay 當檔案就緒可以開始播放時執行的指令碼(緩衝已足夠開始時)。
oncanplaythrough 當媒介能夠無需因緩衝而停止即可播放至結尾時執行的指令碼。
ondurationchange 當媒介長度改變時執行的指令碼。
onemptied 當發生故障並且檔案突然不可用時執行的指令碼(比如連線意外斷開時)。
onended 當媒介已到達結尾時執行的指令碼(可傳送類似“感謝觀看”之類的訊息)。
onerror 當在檔案載入期間發生錯誤時執行的指令碼。onloadeddata 當媒介資料已載入時執行的指令碼。onloadedmetadata 當元資料(比如解析度和時長)被載入時執行的指令碼。
onloadstart 在檔案開始載入且未實際載入任何資料前執行的指令碼。onpause 當媒介被使用者或程式暫停時執行的指令碼。
onplay 當媒介已就緒可以開始播放時執行的指令碼。
onplaying 當媒介已開始播放時執行的指令碼。
onprogress 當瀏覽器正在獲取媒介資料時執行的指令碼。onratechange 每當回放速率改變時執行的指令碼(比如當用戶切換到慢動作或快進模式)。
onreadystatechange 每當就緒狀態改變時執行的指令碼(就緒狀態監測媒介資料的狀態)。
onseeked 當 seeking 屬性設定為 false(指示定位已結束)時執行的指令碼。
onseeking 當 seeking 屬性設定為 true(指示定位是活動的)時執行的指令碼。
onstalled 在瀏覽器不論何種原因未能取回媒介資料時執行的指令碼。onsuspend 在媒介資料完全載入之前不論何種原因終止取回媒介資料時執行的指令碼。
ontimeupdate 當播放位置改變時(比如當用戶快進到媒介中一個不同的位置時)執行的指令碼。
onvolumechange 每當音量改變時(包括將音量設定為靜音)時執行的指令碼。
onwaiting 當媒介已停止播放但打算繼續播放時(比如當媒介暫停已緩衝更多資料)執行指令碼

9.手機端

處理Touch事件能讓你跟蹤使用者的每一根手指的位置。你可以繫結以下四種Touch事件:

1.touchstart: // 手指放到螢幕上的時候觸發
2.touchmove: // 手指在螢幕上移動的時候觸發
3.touchend: // 手指從螢幕上拿起的時候觸發
4.touchcancel: // 系統取消touch事件的時候觸發。至於系統什麼時候會取消,不詳

屬性

1.client / clientY:// 觸控點相對於瀏覽器視窗viewport的位置
2.pageX / pageY:// 觸控點相對於頁面的位置
3.screenX /screenY:// 觸控點相對於螢幕的位置
4.identifier: // touch物件的unique ID

//touchstart事件

function touchSatrtFunc(e) {      
    //evt.preventDefault(); //阻止觸控時瀏覽器的縮放、滾動條滾動等      
    var touch = e.touches[0]; //獲取第一個觸點      
    var x = Number(touch.pageX); //頁面觸點X座標      
    var y = Number(touch.pageY); //頁面觸點Y座標      
    //記錄觸點初始位置      
    startX = x;      
    startY = y;  
}  
//touchmove事件

function touchMoveFunc(e) {      
    //evt.preventDefault(); //阻止觸控時瀏覽器的縮放、滾動條滾動等      
    var touch = evt.touches[0]; //獲取第一個觸點      
    var x = Number(touch.pageX); //頁面觸點X座標      
    var y = Number(touch.pageY); //頁面觸點Y座標      
    var text = 'TouchMove事件觸發:(' + x + ', ' + y + ')';      
    //判斷滑動方向      
    if (x - startX != 0) {          
        //左右滑動      }      
    if (y - startY != 0) {          
        //上下滑動      
    }  
}