js滑鼠事件實例詳解

本文主要和大家分享js滑鼠事件實例詳解，希望能幫助大家。

一般事件

#onKeyDown# 4onKeyUp 4#HTML: 2 | 3 | 3.2 | 4 圖片在下載時被使用者中斷HTML: 2 | 3 | 3.2 | 4 目前頁面的內容將要被改變時觸發的事件HTML: 2 | 3 | 3.2 | 4 onMove N2| O3 當某個元素獲得焦點時觸發的事件HTML: 2 | 3 | 3.2 |當表單中RESET的屬性被激發時觸發的事件#HTML: 2 | 3 | 3.2 |#滾動字幕事件瀏覽器支援HTML: 2 | 3 | 3.2 | 4 IE4 HTML: 2 | 3 | 3.2 | 4 IE4 Browser:當Marquee元素開始顯示內容時觸發的事件編輯事件#描述Browser: IE5 | N | O| N | O| N | O##HTML: 2 | 3 | 3.2 | 4 當頁面目前的被選取內容被複製後觸發的事件HTML: 2 | 3 | 3.2 | 4 當頁面目前的被選擇內容被剪下時觸發的事件HTML: 2 | 3 | 3.2 | 4 當某個物件被拖曳時觸發的事件[活動事件]HTML: 2 | 3 | 3.2 | 4 #一個外部物件被滑鼠拖曳到目前視窗或影格#HTML: 2 | 3 | 3.2 | 4 當滑鼠拖曳結束時觸發的事件，即滑鼠的按鈕被釋放了HTML: 2 | 3 | 3.2 | 4 當物件被滑鼠拖曳的物件進入其容器範圍內時觸發的事件HTML : 2 | 3 | 3.2 | 4 當物件被滑鼠拖曳的物件離開其容器範圍內時觸發的事件HTML: 2 | 3 | 3.2 | 4 當某被拖曳的物件在另一物件容器範圍內拖曳時觸發的事件[活動事件]HTML: 2 | 3 | 3.2 | 4 當某個物件將被拖曳時觸發的事件#HTML: 2 | 3 | 3.2 | 4 在一個拖曳過程中，釋放滑鼠鍵時觸發的事件HTML: 2 | 3 | 3.2 | 4 當元素失去滑鼠移動所形成的選擇焦點時觸發的事件HTML: 2 | 3 | 3.2 | 4 #onSelect##瀏覽器支援說明#onAfterUpdateHTML: 2 | 3 | 3.2 | 4 onCellChangeHTML: 2 | 3 | 3.2 | 4 HTML: 2 | 3 | 3.2 | 4 Browser:#當資料接收完成時觸發事件HTML: 2 | 3 | 3.2 | 4 Browser:資料在資料來源發生變化時觸發的事件HTML: 2 | 3 | 3.2 | 4 Browser:HTML: 2 | 3 | 3.2 | 4 Browser:HTML: 2 | 3 | 3.2 | 4 Browser:HTML: 2 | 3 | 3.2 | 4 Browser:##HTML : 2 | 3 | 3.2 | 4 onRowsInserted IE5 外部事件#瀏覽器支援Browser: IE5

	#瀏覽器支援	描述
onClick	HTML: 2 | 3 | 3.2 | 4 Browser: IE3 #| N2| O3	#滑鼠點擊事件，多用在某個物件控制的範圍內的滑鼠點擊
onDblClick	#HTML: 2 | 3 | 3.2 | 4 #Browser: IE4 | N4| O	滑鼠雙擊事件
onMouseDown	HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4| O	滑鼠上的按鈕被按下了
onMouseUp	HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4| O	滑鼠按下後，放開時激發的事件
onMouseOver	HTML: 2 | 3 | 3.2 |# 4 # Browser: IE3 | N2|# O3	當當滑鼠移動到某個物件範圍的上方時觸發的事件
#onMouseMove	HTML: 2 | 3 | 3.2 | 4 Browser: IE4 ##| N4##| O滑鼠移動時觸發的事件
onMouseOutHTML: 2 | 3 | 3.2 |	4Browser: IE4 | N3| O3 當滑鼠離開某個物件範圍時觸發的事件
onKeyPressHTML: 2 | 3 | 3.2 |	4#Browser: IE4 ##| N4| O當鍵盤上的某個鍵被按下並且釋放時觸發的事件.[注意:頁面內必須有被聚焦的物件]
HTML: 2 | 3 | 3.2 |	# Browser: IE4 | N4| O#當鍵盤上某個按鍵被按下時觸發的事件[注意:頁面內必須有被聚焦的物件]
HTML: 2 | 3 | 3.2 |	Browser: IE4 | N4| O	當鍵盤上某個按鍵被按放開時觸發的事件[注意:頁面內必須有被聚焦的物件]
#頁面相關事件
事件	瀏覽器支援	##描述
onAbort	Browser: IE4 | N3| O
onBeforeUnload	Browser: IE4 # | N | O
#onError	Browser: IE4 | N3##| O捕捉目前頁面因為某些原因而出現的錯誤，如腳本錯誤與外部資料引用的錯誤
onLoad #HTML: 2 | 3 | 3.2 |	4#Browser: IE3 ##| N2| O3 頁面內空完成傳送到瀏覽器時觸發的事件，包含外部檔案引入完成
HTML: 2 | 3 | 3.2 | 4	#HTML: 2 | 3 | 3.2 | 4 Browser: IE |# N4 | O	瀏覽器的視窗被移動時觸發的事件
onResize	HTML: 2 | 3 | 3.2 | 4 Browser: IE4 |# N4#| O	當瀏覽器的視窗大小被改變時觸發的事件
#onScroll	HTML: 2 | 3 | 3.2 | 4 Browser: IE4 #| N | O	瀏覽器的捲軸位置變更時觸發的事件
onStop	HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O	瀏覽器的停止按鈕被按下時觸發的事件或正在下載的檔案中斷
onUnload	HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2| O3	#目前頁面將被改變時觸發的事件
表單相關事件
	#瀏覽器支援	「描述
	##onBlur HTML: 2 | 3 | 3.2 | 4Browser: IE3 |
當當前元素失去焦點時觸發的事件[滑鼠與鍵盤的觸發皆可]	onChange ######HTML: 2 | 3 | 3.2 |### ### 4#########Browser: IE3 | N2|# O3	當前元素失去焦點且元素的內容改變而觸發的事件[滑鼠與鍵盤的觸發皆可]
onFocus	HTML: 2 | 3 | 3.2 | 4 #Browser: IE3 ##|# N2 | O3
onReset	4Browser: # IE4 | N3| O3
onSubmit	4Browser: IE3 |# N2| O3
		一個表單被遞交時觸發的事件
	事件
##描述	onBounce	Browser :
| N | OMarquee內的內容移動至Marquee顯示範圍之外時觸發的事件	onFinish	Browser:
| N | O當Marquee元素完成需要顯示的內容後觸發的事件
onStartHTML: 2 | 3 | 3.2 | 4	IE4 | N | O
	##瀏覽器支援
	onBeforeCopyHTML: 2 | 3 | 3.2 | 4
當頁面目前的被選擇內容將會複製到瀏覽者係統的剪貼簿前觸發的事件	##onBeforeCut #HTML: 2 | 3 | 3.2 | 4 Browser:	IE5
當頁面中的一部分或全部的內容將會被移離目前頁面[剪貼]並移動到瀏覽者的系統剪貼簿時觸發的事件	onBeforeEditFocus HTML: 2 | 3 | 3.2 | 4 Browser:	IE5
目前元素將要進入編輯狀態	onBeforePaste ##########HTML: 2 | 3 | 3.2 | 4 ###Browser:###### IE5 ######| N | O######內容將要從瀏覽者的系統剪貼簿傳送[貼上]到頁面中時觸發的事件############# #####onBeforeUpdate############HTML: 2 | 3 | 3.2 | 4 ###Browser:###### IE5 ######| N | O# #####當瀏覽者貼上系統剪貼簿中的內容時通知目標物件##################onContextMenu################################################################################################################## HTML: 2 | 3 | 3.2 | 4 ###Browser: IE5 | N | O	當瀏覽者按下滑鼠右鍵出現選單或透過鍵盤的按鍵觸發頁面選單時觸發的事件[試試在頁面中的中加入onContentMenu="return false"就可禁止使用滑鼠右鍵了]
onCopy
	Browser: IE5 | N | O
onCut	Browser: IE5 | N | O
onDrag	Browser: IE5 #| N | O
#onDragDrop	Browser: IE | N4 | O
onDragEnd	Browser: IE5 | N | O
onDragEnter	Browser: IE5 | N | O
#onDragLeave	Browser: IE5 | N | O
onDragOver	Browser: IE5 | N | O
onDragStart	Browser: # IE4 | N | O
onDrop	Browser: IE5 | N | O
onLoseCapture	Browser : IE5 | N | O
onPaste	Browser: IE5 #| N | O 當內容被貼上時觸發的事件
HTML: 2 | 3 | 3.2 | 4	Browser: ### IE4 ######| N | O######當文字內容被選擇時的事件##################onSelectStart#############HTML: 2 | 3 | 3.2 | 4 ###Browser: IE4 | N | O	當文字內容選擇將開始發生時觸發的事件
資料綁定
		onAfterUpdate
Browser: IE4 | N | O	當資料完成由資料來源到物件的傳送時觸發的事件
Browser: IE5 | N | O	#當資料來源改變時 ##onDataAvailable
IE4 #| N | O	onDatasetChanged
IE4 | N | O
	#onDatasetComplete
IE4 | N | O當來子資料來源的全部有效資料讀取完畢時觸發的事件	#onErrorUpdate
IE4 | N | O當使用onBeforeUpdate事件觸發取消了資料傳送時，取代onAfterUpdate事件	onRowEnter
IE5 | N | O當前資料來源的資料發生變化並且有新的有效資料時觸發的事件	onRowExit
IE5 | N | O 目前資料來源的資料將會發生變更時觸發的事件
#onRowsDelete	Browser: IE5 | N | O	目前資料記錄將被刪除時觸發的事件
#HTML: 2 | 3 | 3.2 | 4 Browser:	| N | O目前資料來源將要插入新資料記錄時觸發的事件
	事件
#描述	#onAfterPrint	HTML: 2 | 3 | 3.2 | 4
| N | O當文檔被列印後觸發的事件	#######onBeforePrint############HTML: 2 | 3 | 3.2 | 4 ###Browser:###### IE5 ##### #| N | O######當文件即將列印時觸發的事件###################onFilterChange############################################################################## HTML: 2 | 3 | 3.2 | 4 ###Browser:###### IE4 ######| N | O######當某個物件的濾鏡效果改變時觸發的事件##################onHelp#############HTML: 2 | 3 | 3.2 | 4 ###Browser: IE4 | N | O	當瀏覽者按下F1或瀏覽器的幫助選擇時觸發的事件
onPropertyChange	HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O	當物件的屬性之一變更時觸發的事件
#onReadyStateChange	HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O	當物件的初始化屬性值發生變化時觸發

相關推薦：

javascript仿jquery的trigger觸發滑鼠事件實例分享

Js操作滑鼠事件的流程

jQuery滑鼠事件有哪些

#

以上是js滑鼠事件實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！