javascript鼠標事件

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

 

js 鼠標點擊事件及其它捕獲


這段代碼是用來做,點擊一個按紐打開個div,在頁面空白處點擊鼠標隱藏這個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> 
這段代碼是用來做,點擊一個按紐打開個div,在頁面空白處點擊鼠標隱藏這個div 
function document.onclick() 


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

以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號