javascript鼠標(biāo)事件

2018-08-12 14:27 更新
一般事件
事件瀏覽器支持描述
onClickHTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3
鼠標(biāo)點(diǎn)擊事件,多用在某個(gè)對象控制的范圍內(nèi)的鼠標(biāo)點(diǎn)擊
onDblClickHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O
鼠標(biāo)雙擊事件
onMouseDownHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O
鼠標(biāo)上的按鈕被按下了
onMouseUpHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O
鼠標(biāo)按下后,松開時(shí)激發(fā)的事件
onMouseOverHTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3
當(dāng)鼠標(biāo)移動(dòng)到某對象范圍的上方時(shí)觸發(fā)的事件
onMouseMoveHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O
鼠標(biāo)移動(dòng)時(shí)觸發(fā)的事件
onMouseOutHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N3 | O3
當(dāng)鼠標(biāo)離開某對象范圍時(shí)觸發(fā)的事件
onKeyPressHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O
當(dāng)鍵盤上的某個(gè)鍵被按下并且釋放時(shí)觸發(fā)的事件.[注意:頁面內(nèi)必須有被聚焦的對象]
onKeyDownHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O
當(dāng)鍵盤上某個(gè)按鍵被按下時(shí)觸發(fā)的事件[注意:頁面內(nèi)必須有被聚焦的對象]
onKeyUpHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O
當(dāng)鍵盤上某個(gè)按鍵被按放開時(shí)觸發(fā)的事件[注意:頁面內(nèi)必須有被聚焦的對象]
頁面相關(guān)事件
事件瀏覽器支持描述
onAbortHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N3 | O
圖片在下載時(shí)被用戶中斷
onBeforeUnloadHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
當(dāng)前頁面的內(nèi)容將要被改變時(shí)觸發(fā)的事件
onErrorHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N3 | O
捕抓當(dāng)前頁面因?yàn)槟撤N原因而出現(xiàn)的錯(cuò)誤,如腳本錯(cuò)誤與外部數(shù)據(jù)引用的錯(cuò)誤
onLoadHTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3
頁面內(nèi)空完成傳送到瀏覽器時(shí)觸發(fā)的事件,包括外部文件引入完成
onMoveHTML: 2 | 3 | 3.2 | 4 
Browser: IE | N4 | O
瀏覽器的窗口被移動(dòng)時(shí)觸發(fā)的事件
onResizeHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N4 | O
當(dāng)瀏覽器的窗口大小被改變時(shí)觸發(fā)的事件
onScrollHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
瀏覽器的滾動(dòng)條位置發(fā)生變化時(shí)觸發(fā)的事件
onStopHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
瀏覽器的停止按鈕被按下時(shí)觸發(fā)的事件或者正在下載的文件被中斷
onUnloadHTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3
當(dāng)前頁面將被改變時(shí)觸發(fā)的事件
表單相關(guān)事件
事件瀏覽器支持描述
onBlurHTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3
當(dāng)前元素失去焦點(diǎn)時(shí)觸發(fā)的事件 [鼠標(biāo)與鍵盤的觸發(fā)均可]
onChangeHTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3
當(dāng)前元素失去焦點(diǎn)并且元素的內(nèi)容發(fā)生改變而觸發(fā)的事件 [鼠標(biāo)與鍵盤的觸發(fā)均可]
onFocusHTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3
當(dāng)某個(gè)元素獲得焦點(diǎn)時(shí)觸發(fā)的事件
onResetHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N3 | O3
當(dāng)表單中RESET的屬性被激發(fā)時(shí)觸發(fā)的事件
onSubmitHTML: 2 | 3 | 3.2 | 4 
Browser: IE3 | N2 | O3
一個(gè)表單被遞交時(shí)觸發(fā)的事件
滾動(dòng)字幕事件
事件瀏覽器支持描述
onBounceHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
在Marquee內(nèi)的內(nèi)容移動(dòng)至Marquee顯示范圍之外時(shí)觸發(fā)的事件
onFinishHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
當(dāng)Marquee元素完成需要顯示的內(nèi)容后觸發(fā)的事件
onStartHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
當(dāng)Marquee元素開始顯示內(nèi)容時(shí)觸發(fā)的事件
編輯事件
事件瀏覽器支持描述
onBeforeCopyHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
當(dāng)頁面當(dāng)前的被選擇內(nèi)容將要復(fù)制到瀏覽者系統(tǒng)的剪貼板前觸發(fā)的事件
onBeforeCutHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
當(dāng)頁面中的一部分或者全部的內(nèi)容將被移離當(dāng)前頁面[剪貼]并移動(dòng)到瀏覽者的系統(tǒng)剪貼板時(shí)觸發(fā)的事件
onBeforeEditFocusHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
當(dāng)前元素將要進(jìn)入編輯狀態(tài)
onBeforePasteHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
內(nèi)容將要從瀏覽者的系統(tǒng)剪貼板傳送[粘貼]到頁面中時(shí)觸發(fā)的事件
onBeforeUpdateHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
當(dāng)瀏覽者粘貼系統(tǒng)剪貼板中的內(nèi)容時(shí)通知目標(biāo)對象
onContextMenuHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
當(dāng)瀏覽者按下鼠標(biāo)右鍵出現(xiàn)菜單時(shí)或者通過鍵盤的按鍵觸發(fā)頁面菜單時(shí)觸發(fā)的事件 [試試在頁面中的<body>中加入onContentMenu="return false"就可禁止使用鼠標(biāo)右鍵了]
onCopyHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
當(dāng)頁面當(dāng)前的被選擇內(nèi)容被復(fù)制后觸發(fā)的事件
onCutHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
當(dāng)頁面當(dāng)前的被選擇內(nèi)容被剪切時(shí)觸發(fā)的事件
onDragHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
當(dāng)某個(gè)對象被拖動(dòng)時(shí)觸發(fā)的事件 [活動(dòng)事件]
onDragDropHTML: 2 | 3 | 3.2 | 4 
Browser: IE | N4 | O
一個(gè)外部對象被鼠標(biāo)拖進(jìn)當(dāng)前窗口或者幀
onDragEndHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
當(dāng)鼠標(biāo)拖動(dòng)結(jié)束時(shí)觸發(fā)的事件,即鼠標(biāo)的按鈕被釋放了
onDragEnterHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
當(dāng)對象被鼠標(biāo)拖動(dòng)的對象進(jìn)入其容器范圍內(nèi)時(shí)觸發(fā)的事件
onDragLeaveHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
當(dāng)對象被鼠標(biāo)拖動(dòng)的對象離開其容器范圍內(nèi)時(shí)觸發(fā)的事件
onDragOverHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
當(dāng)某被拖動(dòng)的對象在另一對象容器范圍內(nèi)拖動(dòng)時(shí)觸發(fā)的事件 [活動(dòng)事件]
onDragStartHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
當(dāng)某對象將被拖動(dòng)時(shí)觸發(fā)的事件
onDropHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
在一個(gè)拖動(dòng)過程中,釋放鼠標(biāo)鍵時(shí)觸發(fā)的事件
onLoseCaptureHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
當(dāng)元素失去鼠標(biāo)移動(dòng)所形成的選擇焦點(diǎn)時(shí)觸發(fā)的事件
onPasteHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
當(dāng)內(nèi)容被粘貼時(shí)觸發(fā)的事件
onSelectHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
當(dāng)文本內(nèi)容被選擇時(shí)的事件
onSelectStartHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
當(dāng)文本內(nèi)容選擇將開始發(fā)生時(shí)觸發(fā)的事件
數(shù)據(jù)綁定
事件瀏覽器支持描述
onAfterUpdateHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
當(dāng)數(shù)據(jù)完成由數(shù)據(jù)源到對象的傳送時(shí)觸發(fā)的事件
onCellChangeHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
當(dāng)數(shù)據(jù)來源發(fā)生變化時(shí)
onDataAvailableHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
當(dāng)數(shù)據(jù)接收完成時(shí)觸發(fā)事件
onDatasetChangedHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
數(shù)據(jù)在數(shù)據(jù)源發(fā)生變化時(shí)觸發(fā)的事件
onDatasetCompleteHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
當(dāng)來子數(shù)據(jù)源的全部有效數(shù)據(jù)讀取完畢時(shí)觸發(fā)的事件
onErrorUpdateHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
當(dāng)使用onBeforeUpdate事件觸發(fā)取消了數(shù)據(jù)傳送時(shí),代替onAfterUpdate事件
onRowEnterHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
當(dāng)前數(shù)據(jù)源的數(shù)據(jù)發(fā)生變化并且有新的有效數(shù)據(jù)時(shí)觸發(fā)的事件
onRowExitHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
當(dāng)前數(shù)據(jù)源的數(shù)據(jù)將要發(fā)生變化時(shí)觸發(fā)的事件
onRowsDeleteHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
當(dāng)前數(shù)據(jù)記錄將被刪除時(shí)觸發(fā)的事件
onRowsInsertedHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
當(dāng)前數(shù)據(jù)源將要插入新數(shù)據(jù)記錄時(shí)觸發(fā)的事件
外部事件
事件瀏覽器支持描述
onAfterPrintHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
當(dāng)文檔被打印后觸發(fā)的事件
onBeforePrintHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
當(dāng)文檔即將打印時(shí)觸發(fā)的事件
onFilterChangeHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
當(dāng)某個(gè)對象的濾鏡效果發(fā)生變化時(shí)觸發(fā)的事件
onHelpHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
當(dāng)瀏覽者按下F1或者瀏覽器的幫助選擇時(shí)觸發(fā)的事件
onPropertyChangeHTML: 2 | 3 | 3.2 | 4 
Browser: IE5 | N | O
當(dāng)對象的屬性之一發(fā)生變化時(shí)觸發(fā)的事件
onReadyStateChangeHTML: 2 | 3 | 3.2 | 4 
Browser: IE4 | N | O
當(dāng)對象的初始化屬性值發(fā)生變化時(shí)觸發(fā)

 

js 鼠標(biāo)點(diǎn)擊事件及其它捕獲


這段代碼是用來做,點(diǎn)擊一個(gè)按紐打開個(gè)div,在頁面空白處點(diǎn)擊鼠標(biāo)隱藏這個(gè)div

<div><a href="#" onclick="showPricediv('aaa')" abc=1>adsfsdf</a></div> 
<div id="aaa" style="display:none" onmouseover="temshowTag=true" onmouseout="temshowTag=false"><pricediv><table><tr><td>dfdfdfsdf</td></tr></table></pricediv></div> 
<div><a href="#" onclick="showPricediv('Div1')" abc=1>adsfsdf</a></div> 
<div id="Div1" style="display:none" onmouseover="temshowTag=true" onmouseout="temshowTag=false">dfdfdf<br /><pricediv>dfdfdfdf</pricediv></div> 
<div><a href="#" onclick="showPricediv('Div2')" abc=1>adsfsdf</a></div> 
<div id="Div2" style="display:none" onmouseover="temshowTag=true" onmouseout="temshowTag=false"><pricediv>dfdfdf<br />dfdfdfdf</pricediv></div> 
</body> 
<script> 
var temEventobject=null; 
var temshowTag=false; 
function document.onclick() 

if(event.srcElement.abc==null&&temshowTag==false) 

var temabc = document.getElementsByTagName("pricediv"); 
for(i=0;i<temabc.length;i++) 

temabc[i].parentElement.style.display="none"; 



function showPricediv(a) 

document.getElementById(a).style.display=""; 
temEventobject=document.getElementById(a); 
temshowTag=true; 

</script> 
這段代碼是用來做,點(diǎn)擊一個(gè)按紐打開個(gè)div,在頁面空白處點(diǎn)擊鼠標(biāo)隱藏這個(gè)div 
function document.onclick() 


這樣可以重寫一個(gè)內(nèi)置對象的事件或方法,但只限于document,window,同樣方式你可以重寫alert之類

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號