Summary of events that browsers can register

Summary of events that browsers can register
Html event list
General Events:
onClick HTML: Mouse click event, mostly used for mouse clicks within the range controlled by an object
onDblClick HTML: Mouse double-click event
onMouseDown HTML: The mouse button is pressed
onMouseUp HTML: The event triggered when the mouse is pressed and released
onMouseOver HTML: An event triggered when the mouse moves over the range of an object
onMouseMove HTML: Event triggered when the mouse moves
onMouseOut HTML: An event triggered when the mouse leaves the scope of an object
onKeyPress HTML: An event triggered when a key on the keyboard is pressed and released. [Note: There must be a focused object in the page]
onKeyDown HTML: An event triggered when a key on the keyboard is pressed [Note: There must be a focused object on the page]
onKeyUp HTML: An event triggered when a key on the keyboard is pressed and released [Note: there must be a focused object on the page]

Page related events:
onAbort HTML: The image was interrupted by the user while downloading
onBeforeUnload HTML: An event triggered when the content of the current page is about to be changed
onError HTML: Capture errors that occur on the current page for some reason, such as script errors and external data reference errors
onLoad HTML: This event is triggered when the page is empty and sent to the browser, including the completion of external file import.
onMove HTML: An event triggered when the browser window is moved
onResize HTML: Event triggered when the browser window size is changed
onScroll HTML: An event triggered when the browser's scroll bar position changes
onStop HTML: This event is triggered when the browser's stop button is pressed or the downloading file is interrupted
onUnload HTML: Event triggered when the current page will be changed

Form related events:
onBlur HTML: An event triggered when the current element loses focus [both mouse and keyboard triggers are acceptable]
onChange HTML: This event is triggered when the current element loses focus and the content of the element changes [both mouse and keyboard triggers are acceptable]
onFocus HTML: An event triggered when an element gains focus
onReset HTML: Event triggered when the RESET attribute in the form is activated
onSubmit HTML: An event triggered when a form is submitted

Rolling subtitle event:
onBounce HTML: An event triggered when the content in the Marquee moves outside the Marquee display range.
onFinish HTML: Event triggered when the Marquee element finishes displaying the content
onStart HTML: Event triggered when the Marquee element starts to display content

Edit Event:
onBeforeCopy HTML: This event is triggered before the currently selected content of the page is copied to the browser's system clipboard.
onBeforeCut HTML: An event triggered when part or all of the content in a page will be removed from the current page [clipped] and moved to the browser's system clipboard.
onBeforeEditFocus HTML: The current element is about to enter the editing state
onBeforePaste HTML: The event triggered when the content is about to be transferred [pasted] from the browser's system clipboard to the page
onBeforeUpdate HTML: Notifies the target object when the browser pastes the contents of the system clipboard
onContextMenu HTML: This event is triggered when the browser presses the right mouse button to display the menu or triggers the page menu through keyboard keys [try adding onContentMenu="return false" to the page to disable the use of the right mouse button]
onCopy HTML: This event is triggered when the currently selected content of the page is copied.
onCut HTML: This event is triggered when the currently selected content of the page is cut.
onDrag HTML: An event triggered when an object is dragged [Activity Event]
onDragDrop HTML: An external object is dragged into the current window or frame by the mouse
onDragEnd HTML: This event is triggered when the mouse drag ends, that is, the mouse button is released.
onDragEnter HTML: This event is triggered when the object being dragged by the mouse enters the scope of its container.
onDragLeave HTML: An event triggered when an object being dragged by the mouse leaves its container.
onDragOver HTML: An event triggered when a dragged object is dragged within the container of another object [Activity Event]
onDragStart HTML: Event triggered when an object is about to be dragged
onDrop HTML: An event triggered when the mouse button is released during a drag process
onLoseCapture HTML: Event triggered when the element loses the selection focus formed by mouse movement
onPaste HTML: Event triggered when content is pasted
onSelect HTML: Event when text content is selected
onSelectStart HTML triggers the event when the text content selection will begin

Data Binding:
onAfterUpdate HTML: Event triggered when data is transferred from the data source to the object
onCellChange HTML: When the data source changes
onDataAvailable HTML: triggers an event when data reception is complete
onDatasetChanged HTML: An event triggered when data in the data source changes
onDatasetComplete HTML: This event is triggered when all valid data from the child data source has been read.
onErrorUpdate HTML: Replaces the onAfterUpdate event when the data transfer is canceled using the onBeforeUpdate event trigger.
onRowEnter HTML: This event is triggered when the data of the current data source changes and there is new valid data.
onRowExit HTML: Event triggered when the data of the current data source is about to change
onRowsDelete HTML: The event triggered when the current data record will be deleted
onRowsInserted HTML: This event is triggered when the current data source is about to insert a new data record.

External events:
onAfterPrint HTML: Event triggered after the document is printed
onBeforePrint HTML: Event triggered when the document is about to be printed
onFilterChange HTML: An event triggered when the filter effect of an object changes
onHelp HTML: This event is triggered when the viewer presses F1 or the browser's help selection
onPropertyChange HTML: An event triggered when one of the properties of an object changes
onReadyStateChange HTML: An event triggered when the initialization property value of an object changes

<<:  Why does using limit in MySQL affect performance?

>>:  Radio buttons and multiple-choice buttons are styled using images

Recommend

React's reconciliation algorithm Diffing algorithm strategy detailed explanation

Table of contents Algorithmic Strategy Single-nod...

XHTML introductory tutorial: Use of list tags

Lists are used to list a series of similar or rela...

Json advantages and disadvantages and usage introduction

Table of contents 1. What is JSON 1.1 Array liter...

What hidden attributes in the form can be submitted with the form

The form elements with visibility=hidden and displ...

Upgrading Windows Server 2008R2 File Server to Windows Server 2016

The user organization has two Windows Server 2008...

Detailed example code of mysql batch insert loop

background A few days ago, when I was doing pagin...

How to modify the IP restriction conditions of MySQL account

Preface Recently, I encountered a requirement at ...

MySQL learning database search statement DQL Xiaobai chapter

Table of contents 1. Simple retrieval of data 2. ...

Detailed explanation of MySQL phantom reads and how to eliminate them

Table of contents Transaction Isolation Level Wha...

The difference between key and index in MySQL

Let's look at the code first: ALTER TABLE rep...

Getting Started with Front-End Vue Unit Testing

Table of contents 1. Why do we need unit testing?...

Automatic file synchronization between two Linux servers

When server B (172.17.166.11) is powered on or re...

How to use dd command in Linux without destroying the disk

Whether you're trying to salvage data from a ...