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

Software Testing - MySQL (VI: Database Functions)

1.MySQL functions 1. Mathematical functions PI() ...

CentOS 7 cannot access the Internet after modifying the network card

Ping www.baidu.com unknown domain name Modify the...

A brief discussion of 12 classic problems in Angular

Table of contents 1. Please explain what are the ...

Complete steps to build NFS file sharing storage service in CentOS 7

Preface NFS (Network File System) means network f...

Implementation of Nginx configuration Https security authentication

1. The difference between Http and Https HTTP: It...

How to build pptpd service in Alibaba Cloud Ubuntu 16.04

1. To build a PPTP VPN, you need to open port 172...

Solution to invalid margin-top of elements in div tags

Just as the title says. The question is very stran...

jQuery Ajax chatbot implementation case study

Chatbots can save a lot of manual work and can be...

W3C Tutorial (11): W3C DOM Activities

The Document Object Model (DOM) is a platform, a ...

About the layout method of content overflow in table

What is content overflow? In fact, when there is ...

AsyncHooks asynchronous life cycle in Node8

Async Hooks is a new feature of Node8. It provide...