Detailed explanation of js mouse event examples

This article mainly shares with you detailed explanations of js mouse event examples, hoping to help everyone.

General events

HTML: 2 | 3 | 3.2 |Mouse click event, mostly used for mouse clicks within the range controlled by an objectHTML: 2 | 3 | 3.2 |Mouse double-click eventHTML: 2 | 3 | 3.2 |The button on the mouse was pressedHTML: 2 | 3 | 3.2 |Events fired when the mouse is pressed and releasedHTML: 2 | 3 | 3.2 | Event triggered when the mouse moves over the range of an objectHTML: 2 | 3 | 3.2 |Events triggered when the mouse movesHTML: 2 | 3 | 3.2 |Event triggered when the mouse leaves the scope of an objectHTML: 2 | 3 | 3.2 |Event triggered when a key on the keyboard is pressed and released. [Note: There must be a focused object in the page]HTML: 2 | 3 | 3.2 |Event triggered when a key on the keyboard is pressed [Note: There must be a focused object in the page]HTML: 2 | 3 | 3.2 |Browser: Browser:##onErroronLoad 4onMoveonResizeonScrollonStop onUnloadForm related events##EventsonBlurBrowser: IE3 | N2| O3 ##HTML: 2 | 3 | 3.2 |Event triggered when a form is submittedonFinish##onStart IE4 Edit Event##EventonBeforeCopy| N | O##onBeforeEditFocusHTML: 2 | 3 | 3.2 | 4 onBeforePasteHTML: 2 | 3 | 3.2 | 4 onBeforeUpdate##HTML: 2 | 3 | 3.2 | 4 Browser:Notify the target object when the viewer pastes content from the system clipboard HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | OHTML: 2 | 3 | 3.2 | 4 When the current selected content of the page is Events triggered after copyingBrowser: ##onDragonDragDroponDragEndonDragEnteronDragLeaveonDragOver IE5 onDragStart IE4 onDrop IE5 ##onLoseCapture| N | O Browser:##HTML: 2 | 3 | 3.2 | 4 HTML: 2 | 3 | 3.2 | 4 When the data is completed by Events triggered when the data source is transferred to the objectHTML: 2 | 3 | 3.2 | 4 When the data source changesHTML: 2 | 3 | 3.2 | 4 Trigger event when data reception is completedHTML: 2 | 3 | 3.2 | 4 Events triggered when the data source changesHTML: 2 | 3 | 3.2 | 4 Event triggered when all valid data from the sub-data source is readBrowser:##onRowEnteronRowExitonRowsDeleteonRowsInsertedExternal eventEventonAfterPrint IE5 onBeforePrint IE5 onFilterChange IE4 onHelp

Event	View Device Support	Description
##onClick	4Browser: IE3 | N2| O3
onDblClick	4Browser: IE4 | N4| O
onMouseDown	4Browser: IE4 | N4| O
onMouseUp	4Browser: IE4 | N4| O
onMouseOver	4 Browser: IE3 | N2| O3
onMouseMove	4Browser: IE4 | N4| O
onMouseOut	4Browser: IE4 | N3| O3
onKeyPress	4Browser: IE4 | N4| O
onKeyDown	4 Browser: IE4 | N4| O
onKeyUp	4Browser: IE4 | N4| O	Triggered when a key on the keyboard is pressed and released Event [Note: There must be a focused object in the page]
Page related events
Event	Browser support	Description
##onAbort##HTML: 2 | 3 | 3.2 | 4	IE4 | N3| OImage was interrupted by user while downloading
onBeforeUnloadHTML: 2 | 3 | 3.2 | 4	IE4 | N | OEvent triggered when the content of the current page is about to be changed
HTML: 2 | 3 | 3.2 | 4 Browser:	IE4 | N3| OCapture errors that occur on the current page for some reason, such as script errors and external data reference errors
HTML: 2 | 3 | 3.2 |	Browser: IE3 | N2| O3 Events triggered when the page is empty and transferred to the browser, including the completion of external file introduction
HTML: 2 | 3 | 3.2 | 4 Browser: IE |	N4 | OEvent triggered when the browser window is moved
HTML: 2 | 3 | 3.2 | 4 Browser:	IE4 | N4| O Events triggered when the browser window size is changed
HTML: 2 | 3 | 3.2 | 4 Browser:	IE4 | N | OEvents triggered when the browser's scroll bar position changes
HTML: 2 | 3 | 3.2 | 4 Browser:	IE5 | N | OEvent triggered when the browser's stop button is pressed or the file being downloaded is interrupted
##HTML: 2 | 3 | 3.2 | 4	Browser: IE3 | N2| O3 Event triggered when the current page will be changed
Browser Support	Description
HTML: 2 | 3 | 3.2 | 4	Browser: IE3 | N2| O3 Event triggered when the current element loses focus[ Both mouse and keyboard triggers]	##onChange
HTML: 2 | 3 | 3.2 | 4	Current An event triggered when an element loses focus and the element's content changes [can be triggered by both mouse and keyboard]
onFocus	HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3	Event triggered when an element gets focus
onReset	HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N3| O3	Triggered when the RESET attribute in the form is triggered Event
onSubmit	4Browser: IE3 | N2| O3
Rolling subtitle event
Event	Browser support	Description
##onBounce##HTML: 2 | 3 | 3.2 | 4 Browser :	IE4 | N | OEvent triggered when the content in Marquee moves outside the display range of Marquee
HTML: 2 | 3 | 3.2 | 4 Browser:	IE4 | N | OEvent triggered when the Marquee element completes the content that needs to be displayed
HTML: 2 | 3 | 3.2 | 4 Browser:	| N | OEvent triggered when the Marquee element starts to display content
Browser support	Description
HTML: 2 | 3 | 3.2 | 4 Browser: IE5	| N | O Event triggered when the currently selected content of the page is about to be copied to the browser's clipboard	##onBeforeCut
HTML: 2 | 3 | 3.2 | 4 Browser: IE5	When part of the page or Event triggered when all content will be removed from the current page [clip] and moved to the viewer's system clipboard
Browser: IE5 | N | O	The current element will enter the editing state
Browser: IE5 | N | O	Event triggered when content is about to be transferred [pasted] from the viewer's system clipboard to the page
IE5 | N | O	onContextMenu
Event triggered when the browser presses the right button of the mouse to display the menu or when the page menu is triggered by pressing the keyboard keys [Try Add onContentMenu="return false" to the in the page to disable the use of the right mouse button]
##onCopy	Browser: IE5 | N | O
onCut##HTML: 2 | 3 | 3.2 | 4	IE5 | N | OEvent triggered when the currently selected content on the page is cut
HTML: 2 | 3 | 3.2 | 4 Browser:	IE5 | N | OEvents triggered when an object is dragged [activity event]
HTML: 2 | 3 | 3.2 | 4 Browser: IE |	N4 | OAn external object is dragged into the current window or frame by the mouse
HTML: 2 | 3 | 3.2 | 4 Browser:	IE5 | N | OEvent triggered when the mouse drag ends, that is, the mouse button is released
HTML: 2 | 3 | 3.2 | 4 Browser:	IE5 | N | OEvent triggered when the object dragged by the mouse enters its container scope
HTML : 2 | 3 | 3.2 | 4 Browser:	IE5 | N | OWhen the object dragged by the mouse leaves the scope of its container Triggered events
##HTML: 2 | 3 | 3.2 | 4 Browser:	| N | OEvent triggered when a dragged object is dragged within the scope of another object container [Activity event]
HTML: 2 | 3 | 3.2 | 4 Browser:	| N | OEvent triggered when an object is to be dragged
HTML: 2 | 3 | 3.2 | 4 Browser:	| N | ODuring a drag process, release Events triggered when the mouse button is pressed
HTML: 2 | 3 | 3.2 | 4 Browser : IE5	| N | O Event triggered when an element loses the selection focus formed by mouse movement	##onPaste
HTML: 2 | 3 | 3.2 | 4 Browser: IE5	Event triggered when content is pasted	onSelect
HTML: 2 | 3 | 3.2 | 4	IE4 | N | O When text content is selected Event	onSelectStart
Browser: IE4 | N | O	Event triggered when text content selection will begin to occur
Data Binding
Event	Browser support	Description
##onAfterUpdate	Browser: IE4 | N | O
onCellChange	Browser: IE5 | N | O
onDataAvailable	Browser: IE4 | N | O
onDatasetChanged	Browser: IE4 | N | O
onDatasetComplete	Browser: IE4 | N | O
##onErrorUpdateHTML: 2 | 3 | 3.2 | 4	IE4 | N | OWhen the data transfer is canceled using the onBeforeUpdate event trigger, Instead of onAfterUpdate event
HTML: 2 | 3 | 3.2 | 4 Browser:	IE5 | N | OEvent triggered when the data of the current data source changes and there is new valid data
HTML: 2 | 3 | 3.2 | 4 Browser:	IE5 | N | O Events triggered when the data of the current data source is about to change
HTML : 2 | 3 | 3.2 | 4 Browser:	IE5 | N | OEvent triggered when the current data record will be deleted
HTML: 2 | 3 | 3.2 | 4 Browser:	IE5 | N | OEvent triggered when the current data source is about to insert a new data record
##Browser support	Description
HTML: 2 | 3 | 3.2 | 4 Browser:	| N | OEvent triggered when the document is printed
HTML: 2 | 3 | 3.2 | 4 Browser:	| N | OEvent triggered when the document is about to be printed
HTML: 2 | 3 | 3.2 | 4 Browser:	| N | OTriggered when the filter effect of an object changes Event
HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O	Event triggered when the browser presses F1 or the browser's help selection
onPropertyChange	HTML: 2 | 3 | 3.2 | 4 Browser: IE5 | N | O	Event triggered when one of the properties of the object changes
onReadyStateChange	HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N | O	Triggered when the initialization property value of the object changes

Related recommendations:

Javascript imitates jquery trigger to trigger mouse events instance sharing

Js operation The process of mouse events

What are jQuery mouse events

The above is the detailed content of Detailed explanation of js mouse event examples. For more information, please follow other related articles on the PHP Chinese website!