Understanding of JS events

event

Events are usually used in conjunction with functions, so that functions can be called for execution through events.
Note: The event name is sensitive to the size. If it is an event listening method, you need to cancel on in front of the event name.

mouse event

mouse event Triggering conditions
onclick Triggered by left mouse click
context menu Triggered by right mouse click
ondblclick mouse double click trigger
onmouseover mouse over trigger
onmouseout mouse leave trigger
onfocus get mouse focus trigger
onblur Triggered by losing mouse focus
onmousemove Triggered by mouse movement
onmouseup Mouse up trigger
onmousedown mouse down trigger

keyboard events

insert image description here

form event

insert image description here

touch event

insert image description here

transition event

insert image description here

animation event

insert image description here

event object

event object

insert image description here

mouse event object

insert image description here

keyboard event object

insert image description here

touch event object

insert image description here

Guess you like

Origin blog.csdn.net/Clover_zlx/article/details/130892903