午夜精品一区二区三级视频,欧美一区二区三区四区在线视频

Javascript事件觸發(fā)列表與解說

sj33cn — Thu, 05 Oct 2006 23:54:00 +0000

一般事件
事件	瀏覽器支持	描述
onClick	HTML: 2\|3\|3.2\|4 Browser: IE3\|N2\|O3	鼠標(biāo)點(diǎn)擊事件，多用在某個對象控制的范圍內(nèi)的鼠標(biāo)點(diǎn)擊
onDblClick	HTML: 2\|3\|3.2\|4 Browser:IE4\|N4\|O	鼠標(biāo)雙擊事件
onMouseDown	HTML: 2\|3\|3.2\|4 Browser:IE4\|N4\|O	鼠標(biāo)上的按鈕被按下了
onMouseUp	HTML: 2\|3\|3.2\|4 Browser:IE4\|N4\|O	鼠標(biāo)按下后，松開時(shí)激發(fā)的事件
onMouseOver	HTML: 2\|3\|3.2\|4 Browser:IE3\|N2\|O3	當(dāng)鼠標(biāo)移動到某對象范圍的上方時(shí)觸發(fā)的事件
onMouseMove	HTML: 2\|3\|3.2\|4 Browser:IE4\|N4\|O	鼠標(biāo)移動時(shí)觸發(fā)的事件
onMouseOut	HTML: 2\|3\|3.2\|4 Browser:IE4\|N3\|O3	當(dāng)鼠標(biāo)離開某對象范圍時(shí)觸發(fā)的事件
onKeyPress	HTML: 2\|3\|3.2\|4 Browser:IE4\|N4\|O	當(dāng)鍵盤上的某個鍵被按下并且釋放時(shí)觸發(fā)的事件.[注意:頁面內(nèi)必須有被聚焦的對象]
onKeyDown	HTML: 2\|3\|3.2\|4 Browser:IE4\|N4\|O	當(dāng)鍵盤上某個按鍵被按下時(shí)觸發(fā)的事件[注意:頁面內(nèi)必須有被聚焦的對象]
onKeyUp	HTML: 2\|3\|3.2\|4 Browser:IE4\|N4\|O	當(dāng)鍵盤上某個按鍵被按放開時(shí)觸發(fā)的事件[注意:頁面內(nèi)必須有被聚焦的對象]
頁面相關(guān)事件
事件	瀏覽器支持	描述
onAbort	HTML: 2\|3\|3.2\|4 Browser:IE4\|N3\|O	圖片在下載時(shí)被用戶中斷
onBeforeUnload	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	當(dāng)前頁面的內(nèi)容將要被改變時(shí)觸發(fā)的事件
onError	HTML: 2\|3\|3.2\|4 Browser:IE4\|N3\|O	捕抓當(dāng)前頁面因?yàn)槟撤N原因而出現(xiàn)的錯誤，如腳本錯誤與外部數(shù)據(jù)引用的錯誤
onLoad	HTML: 2\|3\|3.2\|4 Browser:IE3\|N2\|O3	頁面內(nèi)空完成傳送到瀏覽器時(shí)觸發(fā)的事件，包括外部文件引入完成
onMove	HTML: 2\|3\|3.2\|4 Browser:IE\|N4\|O	瀏覽器的窗口被移動時(shí)觸發(fā)的事件
onResize	HTML: 2\|3\|3.2\|4 Browser:IE4\|N4\|O	當(dāng)瀏覽器的窗口大小被改變時(shí)觸發(fā)的事件
onScroll	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	瀏覽器的滾動條位置發(fā)生變化時(shí)觸發(fā)的事件
onStop	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	瀏覽器的停止按鈕被按下時(shí)觸發(fā)的事件或者正在下載的文件被中斷
onUnload	HTML: 2\|3\|3.2\|4 Browser:IE3\|N2\|O3	當(dāng)前頁面將被改變時(shí)觸發(fā)的事件
表單相關(guān)事件
事件	瀏覽器支持	描述
onBlur	HTML: 2\|3\|3.2\|4 Browser:IE3\|N2\|O3	當(dāng)前元素失去焦點(diǎn)時(shí)觸發(fā)的事件 [鼠標(biāo)與鍵盤的觸發(fā)均可]
onChange	HTML: 2\|3\|3.2\|4 Browser:IE3\|N2\|O3	當(dāng)前元素失去焦點(diǎn)并且元素的內(nèi)容發(fā)生改變而觸發(fā)的事件 [鼠標(biāo)與鍵盤的觸發(fā)均可]
onFocus	HTML: 2\|3\|3.2\|4 Browser:IE3\|N2\|O3	當(dāng)某個元素獲得焦點(diǎn)時(shí)觸發(fā)的事件
onReset	HTML: 2\|3\|3.2\|4 Browser:IE4\|N3\|O3	當(dāng)表單中RESET的屬性被激發(fā)時(shí)觸發(fā)的事件
onSubmit	HTML: 2\|3\|3.2\|4 Browser:IE3\|N2\|O3	一個表單被遞交時(shí)觸發(fā)的事件
滾動字幕事件
事件	瀏覽器支持	描述
onBounce	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	在Marquee內(nèi)的內(nèi)容移動至Marquee顯示范圍之外時(shí)觸發(fā)的事件
onFinish	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	當(dāng)Marquee元素完成需要顯示的內(nèi)容后觸發(fā)的事件
onStart	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	當(dāng)Marquee元素開始顯示內(nèi)容時(shí)觸發(fā)的事件
編輯事件
事件	瀏覽器支持	描述
onBeforeCopy	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	當(dāng)頁面當(dāng)前的被選擇內(nèi)容將要復(fù)制到瀏覽者系統(tǒng)的剪貼板前觸發(fā)的事件
onBeforeCut	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	當(dāng)頁面中的一部分或者全部的內(nèi)容將被移離當(dāng)前頁面[剪貼]并移動到瀏覽者的系統(tǒng)剪貼板時(shí)觸發(fā)的事件
onBeforeEditFocus	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	當(dāng)前元素將要進(jìn)入編輯狀態(tài)
onBeforePaste	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	內(nèi)容將要從瀏覽者的系統(tǒng)剪貼板傳送[粘貼]到頁面中時(shí)觸發(fā)的事件
onBeforeUpdate	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	當(dāng)瀏覽者粘貼系統(tǒng)剪貼板中的內(nèi)容時(shí)通知目標(biāo)對象
onContextMenu	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	當(dāng)瀏覽者按下鼠標(biāo)右鍵出現(xiàn)菜單時(shí)或者通過鍵盤的按鍵觸發(fā)頁面菜單時(shí)觸發(fā)的事件 [試試在頁面中的中加入onContentMenu=”return false”就可禁止使用鼠標(biāo)右鍵了]
onCopy	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	當(dāng)頁面當(dāng)前的被選擇內(nèi)容被復(fù)制后觸發(fā)的事件
onCut	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	當(dāng)頁面當(dāng)前的被選擇內(nèi)容被剪切時(shí)觸發(fā)的事件
onDrag	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	當(dāng)某個對象被拖動時(shí)觸發(fā)的事件 [活動事件]
onDragDrop	HTML: 2\|3\|3.2\|4 Browser:IE\|N4\|O	一個外部對象被鼠標(biāo)拖進(jìn)當(dāng)前窗口或者幀
onDragEnd	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	當(dāng)鼠標(biāo)拖動結(jié)束時(shí)觸發(fā)的事件，即鼠標(biāo)的按鈕被釋放了
onDragEnter	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	當(dāng)對象被鼠標(biāo)拖動的對象進(jìn)入其容器范圍內(nèi)時(shí)觸發(fā)的事件
onDragLeave	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	當(dāng)對象被鼠標(biāo)拖動的對象離開其容器范圍內(nèi)時(shí)觸發(fā)的事件
onDragOver	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	當(dāng)某被拖動的對象在另一對象容器范圍內(nèi)拖動時(shí)觸發(fā)的事件 [活動事件]
onDragStart	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	當(dāng)某對象將被拖動時(shí)觸發(fā)的事件
onDrop	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	在一個拖動過程中，釋放鼠標(biāo)鍵時(shí)觸發(fā)的事件
onLoseCapture	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	當(dāng)元素失去鼠標(biāo)移動所形成的選擇焦點(diǎn)時(shí)觸發(fā)的事件
onPaste	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	當(dāng)內(nèi)容被粘貼時(shí)觸發(fā)的事件
onSelect	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	當(dāng)文本內(nèi)容被選擇時(shí)的事件
onSelectStart	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	當(dāng)文本內(nèi)容選擇將開始發(fā)生時(shí)觸發(fā)的事件
數(shù)據(jù)綁定
事件	瀏覽器支持	描述
onAfterUpdate	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	當(dāng)數(shù)據(jù)完成由數(shù)據(jù)源到對象的傳送時(shí)觸發(fā)的事件
onCellChange	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	當(dāng)數(shù)據(jù)來源發(fā)生變化時(shí)
onDataAvailable	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	當(dāng)數(shù)據(jù)接收完成時(shí)觸發(fā)事件
onDatasetChanged	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	數(shù)據(jù)在數(shù)據(jù)源發(fā)生變化時(shí)觸發(fā)的事件
onDatasetComplete	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	當(dāng)來子數(shù)據(jù)源的全部有效數(shù)據(jù)讀取完畢時(shí)觸發(fā)的事件
onErrorUpdate	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	當(dāng)使用onBeforeUpdate事件觸發(fā)取消了數(shù)據(jù)傳送時(shí)，代替onAfterUpdate事件
onRowEnter	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	當(dāng)前數(shù)據(jù)源的數(shù)據(jù)發(fā)生變化并且有新的有效數(shù)據(jù)時(shí)觸發(fā)的事件
onRowExit	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	當(dāng)前數(shù)據(jù)源的數(shù)據(jù)將要發(fā)生變化時(shí)觸發(fā)的事件
onRowsDelete	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	當(dāng)前數(shù)據(jù)記錄將被刪除時(shí)觸發(fā)的事件
onRowsInserted	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	當(dāng)前數(shù)據(jù)源將要插入新數(shù)據(jù)記錄時(shí)觸發(fā)的事件
外部事件
事件	瀏覽器支持	描述
onAfterPrint	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	當(dāng)文檔被打印后觸發(fā)的事件
onBeforePrint	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	當(dāng)文檔即將打印時(shí)觸發(fā)的事件
onFilterChange	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	當(dāng)某個對象的濾鏡效果發(fā)生變化時(shí)觸發(fā)的事件
onHelp	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	當(dāng)瀏覽者按下F1或者瀏覽器的幫助選擇時(shí)觸發(fā)的事件
onPropertyChange	HTML: 2\|3\|3.2\|4 Browser:IE5\|N\|O	當(dāng)對象的屬性之一發(fā)生變化時(shí)觸發(fā)的事件
onReadyStateChange	HTML: 2\|3\|3.2\|4 Browser:IE4\|N\|O	當(dāng)對象的初始化屬性值發(fā)生變化時(shí)觸發(fā)的事件

JavaScript事件的理解

sj33cn — Fri, 29 Sep 2006 10:21:00 +0000

在很多語言的學(xué)習(xí)中，“事件”都是一個比較難理解，但是又是一個很重要的概念。JavaScript中的事件處理也是一樣，正因?yàn)橛辛耸录幚?，才會出現(xiàn)Ajax拖動的效果。本文就討論一下JavaScript中的事件處理，讀過之后，您就會知道，很多Ajax框架實(shí)現(xiàn)拖動效果的原理了。
一、 IE Event對象
（一）IE Event對象的主要屬性和方法
　　在IE中有一個專門負(fù)責(zé)事件處理的對象Event，這個對象負(fù)責(zé)對事件的處理，含有很多的屬性和方法，通過這些方法和屬性的調(diào)用，就能完成很多的事件處理。
　　type：事件的類型，就是HTML標(biāo)簽屬性中，沒有“on”前綴之后的字符串，例如“Click”就代表單擊事件。
　　srcElement：事件源，就是發(fā)生事件的元素。
　　button：聲明了被按下的鼠標(biāo)鍵，是一個整數(shù)。1代表鼠標(biāo)左鍵，2代表鼠標(biāo)右鍵，4代表鼠標(biāo)的中間鍵，如果按下了多個鼠標(biāo)鍵，就把這些值加在一起，所以3就代表左右鍵同時(shí)按下。
　　clientX/clientY：是指事件發(fā)生的時(shí)候，鼠標(biāo)的橫、縱坐標(biāo)，返回的是整數(shù)，它們的值是相對于包容窗口的左上角生成的。
　　offsetX/offsetY：鼠標(biāo)指針相對于源元素的位置，可以確定單擊Image對象的哪個象素。
　　altKey，ctrlKey，shiftKey：顧名思義，這些屬性是指鼠標(biāo)事件發(fā)生的時(shí)候，是否同時(shí)按住了Alt、Ctrl或者Shift鍵，返回的是一個布爾值。
　　keyCode：返回keydown和keyup事件發(fā)生的時(shí)候，按鍵的代碼以及keypress事件的Unicode字符。
　　fromElement、toElement前者是指代mouseover事件移動過的文檔元素，后者指代mouseout事件中鼠標(biāo)移動到的文檔元素。
　　cancelBubble：一個布爾屬性，把它設(shè)置為true的時(shí)候，將停止事件進(jìn)一步起泡到包容層次的元素。
　　returnValue：一個布爾值屬性，設(shè)置為false的時(shí)候可以組織瀏覽器執(zhí)行默認(rèn)的事件動作，相當(dāng)于。
　　attachEvent()和detachEvent()方法：為制定DOM對象事件類型注冊多個事件處理函數(shù)的方法，它們有兩個參數(shù)，第一個是事件類型，第二個是事件處理函數(shù)。在attachEvent()事件執(zhí)行的時(shí)候，this關(guān)鍵字指向的是window對象，而不是發(fā)生事件的那個元素。
　?。ǘ㊣E Event對象的一些說明
　　1.IE Event對象是一個全局屬性
　　在IE中，不能把Event對象作為參數(shù)傳遞給事件處理程序，只能用window.event或者event來引用Event對象。因?yàn)樵贗E中，Event是window的一個屬性，也就是說event是一個全局變量，這個變量提供了事件的細(xì)節(jié)。
　　2.IE中事件的起泡：IE中事件可以沿著包容層次一點(diǎn)點(diǎn)起泡到上層，也就是說，下層的DOM節(jié)點(diǎn)定義的事件處理函數(shù)，到了上層的節(jié)點(diǎn)如果還有和下層相同事件類型的事件處理函數(shù)，那么上層的事件處理函數(shù)也會執(zhí)行。例如，