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

How to Communicate with Other Users on the Linux Command Line

It's easy to send messages to other users in ...

How to completely delete the MySQL service (clean the registry)

Preface When installing the executable file of a ...

Pure JavaScript to implement the number guessing game

Develop a number guessing game that randomly sele...

Docker View JVM Memory Usage

1. Enter the host machine of the docker container...

Implementing a simple student information management system based on VUE

Table of contents 1. Main functions 2. Implementa...

Modify the jvm encoding problem when Tomcat is running

question: Recently, garbled data appeared when de...

Two ways to create SSH server aliases in Linux

Preface If you frequently access many different r...

Sample code for implementing two-way authentication with Nginx+SSL

First create a directory cd /etc/nginx mkdir ssl ...

How to use yum to configure lnmp environment in CentOS7.6 system

1. Installation version details Server: MariaDB S...

HTML web page creation tutorial Use iframe tags carefully

Using iframes can easily call pages from other we...

Teach you how to install docker on windows 10 home edition

When I wrote the Redis book and the Spring Cloud ...

How to redraw Button as a circle in XAML

When using XAML layout, sometimes in order to make...

How to configure two-way certificate verification on nginx proxy server

Generate a certificate chain Use the script to ge...

In-depth analysis of MySQL explain usage and results

Preface In daily work, we sometimes run slow quer...