Posted on 2006-08-10 20:43
boddi 閱讀(266)
評論(0) 編輯 收藏
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 | 當對象的初始化屬性值發生變化時觸發此事件 |
JavaScript 事件串聯執行多個處理過程的方法
JavaScript 事件串聯執行多個處理過程的方法
2006-01-04
@ 15:46:42 · 作者 andot · 歸類于 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 對象，其他的一些對象也支持該方法。