javascript事件詳細說明

javascript事件詳細說明

javascript事件列表解說javascript事件列表解說
事件 瀏覽器支援 解說
一般事件 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 當對象的初始化屬性值發生變化時觸發此事件
[table][/table]onactivate 當對象設定為使用中的元素時觸發。
onafterupdate 當成功更新資料來源對象中的關聯對象後在資料繫結對象上觸發。
onbeforedeactivate 在 activeElement 從當前對象變為父文檔其它對象之前立即觸發。
onbeforeupdate 當成功更新資料來源對象中的關聯對象前在資料繫結對象上觸發。
onblur 在對象失去輸入焦點時觸發。
oncontrolselect 當使用者將要對該對象製作一個控制項選中區時觸發。
ondeactivate 當 activeElement 從當前對象變為父文檔其它對象時觸發。
onerrorupdate 更新資料來源對象中的關聯資料出錯時在資料繫結對象上觸發。
onfocus 當對象獲得焦點時觸發。
onload 在瀏覽器完成對象的裝載後立即觸發。
onmove 當對象移動時觸發。
onmoveend 當對象停止移動時觸發。
onmovestart 當對象開始移動時觸發。
onreadystatechange 當對象狀態變更時觸發。
onresizeend 當使用者更改完控制項選中區中對象的尺寸時觸發。
onresizestart 當使用者開始更改控制項選中區中對象的尺寸時觸發。
ontimeerror 當特定時間錯誤發生時無條件觸發，通常由將屬性設定為無效值導致。:

JavaScript 事件串聯執行多個處理過程的方法
以前寫 JavaScript 程式時，事件都是採用
object . event = handler ;

的方式初始化。這種方式對於 Internet Explorer、Mozilla/Firefox 和 Opera 來說很通用。但是有一個問題就是，這種方式只能一個事件對應一個事件處理過程。如果希望一個事件可以依次執行多個處理過程就不好用了。
但是 Internet Explorer 從 5.0 開始提供了一個 attachEvent 方法，使用這個方法，就可以給一個事件指派多個處理過程了。attachEvent 對於目前的 Opera 也適用。但是問題是 Mozilla/Firefox 並不支援這個方法。但是它支援另一個 addEventListener 方法，這個方法跟 attachEvent 差不多，也是用來給一個事件指派多個處理過程的。但是它們指派的事件有些區別，在 attachEvent 方法中，事件是以 “on” 開頭的，而在 addEventListener 中，事件沒有開頭的 “on”，另外 addEventListener 還有第三個參數，一般這個參數指定為 false 就可以了。
因此要想在你的程式中給一個事件指派多個處理過程的話，只要首先判斷一下瀏覽器，然後根據不同的瀏覽器，選擇使用 attachEvent 還是 addEventListener 就可以了。執行個體如下：
if ( document . all ) {
window . attachEvent ( ‘ onload ‘ , handler1 ) ;
window . attachEvent ( ‘ onload ‘ , handler2 ) ;
} else {
window . addEventListener ( ‘ load ‘ , handler1 , false ) ;
window . addEventListener ( ‘ load ‘ , handler2 , false ) ;
}

注意：attachEvent 所指派的多個過程的執行順序是隨機的，所以這幾個過程之間不要有順序依賴。另外 attachEvent 和 addEventListener 不僅僅適用於 window 對象，其他的一些對象也支援該方法。