资源事件
| 事件名称 | 何时触发 |
error |
资源加载失败时。 |
abort |
正在加载资源已经被中止时。 |
load |
资源及其相关资源已完成加载。 |
beforeunload |
window，document 及其资源即将被卸载。 |
unload |
文档或一个依赖资源正在被卸载。 |
网络事件
焦点事件
WebSocket 事件
会话历史事件
CSS 动画事件
| 事件名称 | 何时触发 |
animationstart |
某个 CSS 动画开始时触发。 |
animationend |
某个 CSS 动画完成时触发。 |
animationiteration |
某个 CSS 动画完成后重新开始时触发。 |
CSS 过渡事件
| 事件名称 | 何时触发 |
transitionstart |
A CSS transition has actually started (fired after any delay). |
transitioncancel |
A CSS transition has been cancelled. |
transitionend |
A CSS transition has completed. |
transitionrun |
A CSS transition has begun running (fired before any delay starts). |
表单事件
打印事件
| 时间名称 | 何时触发 |
beforeprint |
打印机已经就绪时触发 |
afterprint |
打印机关闭时触发 |
文本写作事件
| Event Name | Fired When |
compositionstart |
The composition of a passage of text is prepared (similar to keydown for a keyboard input, but works with other inputs such as speech recognition). |
compositionupdate |
A character is added to a passage of text being composed. |
compositionend |
The composition of a passage of text has been completed or canceled. |
视图事件
| Event Name | Fired When |
fullscreenchange |
An element was turned to fullscreen mode or back to normal mode. |
fullscreenerror |
It was impossible to switch to fullscreen mode for technical reasons or because the permission was denied. |
resize |
The document view has been resized. |
scroll |
The document view or an element has been scrolled. |
剪贴板事件
键盘事件
鼠标事件
| Event Name | Fired When |
auxclick |
A pointing device button (ANY non-primary button) has been pressed and released on an element. |
click |
在元素上按下并释放任意鼠标按键。 |
contextmenu |
右键点击（在右键菜单显示前触发）。 |
dblclick |
在元素上双击鼠标按钮。 |
mousedown |
在元素上按下任意鼠标按钮。 |
mouseenter |
指针移到有事件监听的元素内。 |
mouseleave |
指针移出元素范围外（不冒泡）。 |
mousemove |
指针在元素内移动时持续触发。 |
mouseover |
指针移到有事件监听的元素或者它的子元素内。 |
mouseout |
指针移出元素，或者移到它的子元素上。 |
mouseup |
在元素上释放任意鼠标按键。 |
pointerlockchange |
鼠标被锁定或者解除锁定发生时。 |
pointerlockerror |
可能因为一些技术的原因鼠标锁定被禁止时。 |
select |
有文本被选中。 |
wheel |
滚轮向任意方向滚动。 |
拖放事件
媒体事件
| Event Name | Fired When |
audioprocess |
The input buffer of a ScriptProcessorNode is ready to be processed. |
canplay |
The browser can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to stop for further buffering of content. |
canplaythrough |
The browser estimates it can play the media up to its end without stopping for content buffering. |
complete |
The rendering of an OfflineAudioContext is terminated. |
durationchange |
The duration attribute has been updated. |
emptied |
The media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the load() method is called to reload it. |
ended |
Playback has stopped because the end of the media was reached. |
loadeddata |
The first frame of the media has finished loading. |
loadedmetadata |
The metadata has been loaded. |
pause |
Playback has been paused. |
play |
Playback has begun. |
playing |
Playback is ready to start after having been paused or delayed due to lack of data. |
ratechange |
The playback rate has changed. |
seeked |
A seek operation completed. |
seeking |
A seek operation began. |
stalled |
The user agent is trying to fetch media data, but data is unexpectedly not forthcoming. |
suspend |
Media data loading has been suspended. |
timeupdate |
The time indicated by the currentTime attribute has been updated. |
volumechange |
The volume has changed. |
waiting |
Playback has stopped because of a temporary lack of data. |
进度事件
| Event Name | Fired When |
abort |
Progression has been terminated (not due to an error). |
error |
Progression has failed. |
load |
Progression has been successful. |
loadend |
Progress has stopped (after "error", "abort" or "load" have been dispatched). |
loadstart |
Progress has begun. |
progress |
In progress. |
timeout |
Progression is terminated due to preset time expiring. |
存储事件
change (see Non-standard events)
更新事件
值变化事件
未分类的事件
不常见和非标准事件
Abortable Fetch events
| Event name | Fired when |
abort |
A DOM request is aborted, i.e. using AbortController.abort(). |
WebVR events
| Event name | Fired when |
vrdisplayactivate |
When a VR display is able to be presented to, for example if an HMD has been moved to bring it out of standby, or woken up by being put on. |
vrdisplayblur |
when presentation to a VRDisplay has been paused for some reason by the browser, OS, or VR hardware — for example, while the user is interacting with a system menu or browser, to prevent tracking or loss of experience. |
vrdisplayconnect |
when a compatible VRDisplay is connected to the computer. |
vrdisplaydeactivate |
When a VRDisplay can no longer be presented to, for example if an HMD has gone into standby or sleep mode due to a period of inactivity. |
vrdisplaydisconnect |
When a compatible VRDisplay is disconnected from the computer. |
vrdisplayfocus |
When presentation to a VRDisplay has resumed after being blurred. |
vrdisplaypresentchange |
The presenting state of a VRDisplay changes — i.e. goes from presenting to not presenting, or vice versa. |
SVG 事件
数据库事件
脚本事件
菜单事件
窗口事件
弹出事件
Tab 事件
电池事件
呼叫事件
传感器事件
智能卡事件
短信和USSD事件
帧事件
DOM变异事件
触摸事件
指针事件
标准事件
这些事件在官方Web规范中定义，并且应在各个浏览器中通用。 每个事件都和代表事件接收方的对象（由此您可以查到每个事件提供的数据），定义这个事件的标准或标准链接会一起列出。
| 事件名称 | 事件类型 | 规范 | 触发时机... |
abort |
UIEvent |
DOM L3 | 资源载入已被中止 |
abort |
ProgressEvent |
ProgressandXMLHttpRequest | Progress被终止(不是error造成的) |
abort |
Event |
IndexedDB | 事务已被中止 |
afterprint |
Event |
HTML5 | 相关文档已开始打印或打印预览已被关闭 |
animationcancel |
AnimationEvent |
CSS Animations | A CSS animation has aborted. |
animationend |
AnimationEvent |
CSS Animations | 完成一个CSS 动画 |
animationiteration |
AnimationEvent |
CSS Animations | 重复播放一个CSS 动画 |
animationstart |
AnimationEvent |
CSS Animations | 一个 CSS 动画已开始 |
appinstalled |
Event |
Web App Manifest | A web application is successfully installed as a progressive web app. |
audioprocess |
AudioProcessingEvent |
Web Audio API audioprocess |
一个ScriptProcessorNode 的输入缓冲区可处理 |
audioend |
Event |
Web Speech API | 用户代理捕捉到用以语音识别的音频 |
audiostart |
Event |
Web Speech API | 用户代理开始捕捉用以语音识别的音频 |
beforeprint |
Event |
HTML5 | 相关文档将要开始打印或准备打印预览 |
beforeunload |
BeforeUnloadEvent |
HTML5 | 即将卸载 window，document 及其资源 |
beginEvent |
TimeEvent |
SVG | A SMIL animation element begins. |
blocked |
IndexedDB | An open connection to a database is blocking a versionchange transaction on the same database. |
|
blur |
FocusEvent |
DOM L3 | An element has lost focus (does not bubble). |
boundary |
SpeechSynthesisEvent |
Web Speech API | The spoken utterance reaches a word or sentence boundary |
canplay |
Event |
HTML5 media | The user agent can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to stop for further buffering of content. |
canplaythrough |
Event |
HTML5 media | The user agent can play the media up to its end without having to stop for further buffering of content. |
change |
Event |
DOM L2, HTML5 | The change event is fired for <input>, <select>, and <textarea> elements when a change to the element's value is committed by the user. |
chargingchange |
Event |
Battery status | The battery begins or stops charging. |
chargingtimechange |
Event |
Battery status | The chargingTime attribute has been updated. |
click |
MouseEvent |
DOM L3 | A pointing device button has been pressed and released on an element. |
close |
Event |
WebSocket | A WebSocket connection has been closed. |
complete |
IndexedDB | A transaction successfully completed. | |
complete |
OfflineAudioCompletionEvent |
Web Audio API OfflineAudioCompletionEvent |
The rendering of an OfflineAudioContext is terminated. |
compositionend |
CompositionEvent |
DOM L3 | The composition of a passage of text has been completed or canceled. |
compositionstart |
CompositionEvent |
DOM L3 | The composition of a passage of text is prepared (similar to keydown for a keyboard input, but works with other inputs such as speech recognition). |
compositionupdate |
CompositionEvent |
DOM L3 | A character is added to a passage of text being composed. |
contextmenu |
MouseEvent |
HTML5 | The right button of the mouse is clicked (before the context menu is displayed). |
copy |
ClipboardEvent |
Clipboard | The text selection has been added to the clipboard. |
cut |
ClipboardEvent |
Clipboard | The text selection has been removed from the document and added to the clipboard. |
dblclick |
MouseEvent |
DOM L3 | A pointing device button is clicked twice on an element. |
devicechange |
Event |
Media Capture and Streams | A media device such as a camera, microphone, or speaker is connected or removed from the system. |
devicemotion |
DeviceMotionEvent |
Device Orientation Events | Fresh data is available from a motion sensor. |
deviceorientation |
DeviceOrientationEvent |
Device Orientation Events | Fresh data is available from an orientation sensor. |
dischargingtimechange |
Event |
Battery status | The dischargingTime attribute has been updated. |
DOMActivate |
UIEvent |
DOM L3 | A button, link or state changing element is activated (use click instead). |
DOMAttributeNameChanged |
MutationNameEvent |
DOM L3 Removed | The name of an attribute changed (use mutation observers instead). |
DOMAttrModified |
MutationEvent |
DOM L3 | The value of an attribute has been modified (use mutation observers instead). |
DOMCharacterDataModified |
MutationEvent |
DOM L3 | A text or another CharacterData has changed (use mutation observers instead). |
DOMContentLoaded |
Event |
HTML5 | The document has finished loading (but not its dependent resources). |
DOMElementNameChanged |
MutationNameEvent |
DOM L3 Removed | The name of an element changed (use mutation observers instead). |
DOMFocusIn |
FocusEvent |
DOM L3 | An element has received focus (use focus or focusin instead). |
DOMFocusOut |
FocusEvent |
DOM L3 | An element has lost focus (use blur or focusout instead). |
DOMNodeInserted |
MutationEvent |
DOM L3 | A node has been added as a child of another node (use mutation observers instead). |
DOMNodeInsertedIntoDocument |
MutationEvent |
DOM L3 | A node has been inserted into the document (use mutation observers instead). |
DOMNodeRemoved |
MutationEvent |
DOM L3 | A node has been removed from its parent node (use mutation observers instead). |
DOMNodeRemovedFromDocument |
MutationEvent |
DOM L3 | A node has been removed from the document (use mutation observers instead). |
DOMSubtreeModified |
MutationEvent |
DOM L3 | A change happened in the document (use mutation observers instead). |
drag |
DragEvent |
HTML5 | An element or text selection is being dragged (every 350ms). |
dragend |
DragEvent |
HTML5 | A drag operation is being ended (by releasing a mouse button or hitting the escape key). |
dragenter |
DragEvent |
HTML5 | A dragged element or text selection enters a valid drop target. |
dragleave |
DragEvent |
HTML5 | A dragged element or text selection leaves a valid drop target. |
dragover |
DragEvent |
HTML5 | An element or text selection is being dragged over a valid drop target (every 350ms). |
dragstart |
DragEvent |
HTML5 | The user starts dragging an element or text selection. |
drop |
DragEvent |
HTML5 | An element is dropped on a valid drop target. |
durationchange |
Event |
HTML5 media | The duration attribute has been updated. |
emptied |
Event |
HTML5 media | The media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the load() method is called to reload it. |
end |
Event |
Web Speech API | The speech recognition service has disconnected. |
end |
SpeechSynthesisEvent |
Web Speech API | The utterance has finished being spoken. |
ended |
Event |
HTML5 media | Playback has stopped because the end of the media was reached. |
ended |
Event |
Web Audio API | Playback has stopped because the end of the media was reached. |
endEvent |
TimeEvent |
SVG | A SMIL animation element ends. |
error |
UIEvent |
DOM L3 | A resource failed to load. |
error |
ProgressEvent |
Progress and XMLHttpRequest | Progression has failed. |
error |
Event |
WebSocket | A WebSocket connection has been closed with prejudice (some data couldn't be sent for example). |
error |
Event |
Server Sent Events | An event source connection has been failed. |
error |
Event |
IndexedDB | A request caused an error and failed. |
error |
Event |
Web Speech API | A speech recognition error occurs. |
error |
SpeechSynthesisErrorEvent |
Web Speech API | An error occurs that prevents the utterance from being successfully spoken. |
focus |
FocusEvent |
DOM L3 | An element has received focus (does not bubble). |
focusin |
FocusEvent |
DOM L3 | An element is about to receive focus (bubbles). |
focusout |
FocusEvent |
DOM L3 | An element is about to lose focus (bubbles). |
fullscreenchange |
Event |
Full Screen | An element was turned to fullscreen mode or back to normal mode. |
fullscreenerror |
Event |
Full Screen | It was impossible to switch to fullscreen mode for technical reasons or because the permission was denied. |
gamepadconnected |
GamepadEvent |
Gamepad | A gamepad has been connected. |
gamepaddisconnected |
GamepadEvent |
Gamepad | A gamepad has been disconnected. |
gotpointercapture |
PointerEvent |
Pointer Events | Element receives pointer capture. |
hashchange |
HashChangeEvent |
HTML5 | The fragment identifier of the URL has changed (the part of the URL after the #). |
lostpointercapture |
PointerEvent |
Pointer Events | Element lost pointer capture. |
input |
Event |
HTML5 | The value of an element changes or the content of an element with the attribute contenteditable is modified. |
invalid |
Event |
HTML5 | A submittable element has been checked and doesn't satisfy its constraints. |
keydown |
KeyboardEvent |
DOM L3 | A key is pressed down. |
keypress |
KeyboardEvent |
DOM L3 | A key is pressed down and that key normally produces a character value (use input instead). |
keyup |
KeyboardEvent |
DOM L3 | A key is released. |
languagechange |
Event |
HTML 5.1 NavigatorLanguage.languages |
The user's preferred languages have changed. |
levelchange |
Event |
Battery status | The level attribute has been updated. |
load |
UIEvent |
DOM L3 | A resource and its dependent resources have finished loading. |
load |
ProgressEvent |
Progress and XMLHttpRequest | Progression has been successful. |
loadeddata |
Event |
HTML5 media | The first frame of the media has finished loading. |
loadedmetadata |
Event |
HTML5 media | The metadata has been loaded. |
loadend |
ProgressEvent |
Progress and XMLHttpRequest | Progress has stopped (after "error", "abort" or "load" have been dispatched). |
loadstart |
ProgressEvent |
Progress and XMLHttpRequest | Progress has begun. |
mark |
SpeechSynthesisEvent |
Web Speech API | The spoken utterance reaches a named SSML "mark" tag. |
message |
MessageEvent |
WebSocket | A message is received through a WebSocket. |
message |
MessageEvent |
Web Workers | A message is received from a Web Worker. |
message |
MessageEvent |
Web Messaging | A message is received from a child (i)frame or a parent window. |
message |
MessageEvent |
Server Sent Events | A message is received through an event source. |
messageerror |
MessageEvent |
MessagePort, Web Workers, Broadcast Channel, Window |
A message error is raised when a message is received by an object. |
message |
ServiceWorkerMessageEvent or ExtendableMessageEvent, depending on context. |
Service Workers | A message is received from a service worker, or a message is received in a service worker from another context. |
mousedown |
MouseEvent |
DOM L3 | A pointing device button (usually a mouse) is pressed on an element. |
mouseenter |
MouseEvent |
DOM L3 | A pointing device is moved onto the element that has the listener attached. |
mouseleave |
MouseEvent |
DOM L3 | A pointing device is moved off the element that has the listener attached. |
mousemove |
MouseEvent |
DOM L3 | A pointing device is moved over an element. |
mouseout |
MouseEvent |
DOM L3 | A pointing device is moved off the element that has the listener attached or off one of its children. |
mouseover |
MouseEvent |
DOM L3 | A pointing device is moved onto the element that has the listener attached or onto one of its children. |
mouseup |
MouseEvent |
DOM L3 | A pointing device button is released over an element. |
nomatch |
SpeechRecognitionEvent |
Web Speech API | The speech recognition service returns a final result with no significant recognition. |
notificationclick |
NotificationEvent |
Notifications API onnotificationclick |
A system notification spawned by ServiceWorkerRegistration.showNotification() has been clicked. |
offline |
Event |
HTML5 offline | The browser has lost access to the network. |
online |
Event |
HTML5 offline | The browser has gained access to the network (but particular websites might be unreachable). |
open |
Event |
WebSocket | A WebSocket connection has been established. |
open |
Event |
Server Sent Events | An event source connection has been established. |
orientationchange |
Event |
Screen Orientation | The orientation of the device (portrait/landscape) has changed |
pagehide |
PageTransitionEvent |
HTML5 | A session history entry is being traversed from. |
pageshow |
PageTransitionEvent |
HTML5 | A session history entry is being traversed to. |
paste |
ClipboardEvent |
Clipboard | Data has been transferred from the system clipboard to the document. |
pause |
Event |
HTML5 media | Playback has been paused. |
pause |
SpeechSynthesisEvent |
Web Speech API | The utterance is paused part way through. |
pointercancel |
PointerEvent |
Pointer Events | The pointer is unlikely to produce any more events. |
pointerdown |
PointerEvent |
Pointer Events | The pointer enters the active buttons state. |
pointerenter |
PointerEvent |
Pointer Events | Pointing device is moved inside the hit-testing boundary. |
pointerleave |
PointerEvent |
Pointer Events | Pointing device is moved out of the hit-testing boundary. |
pointerlockchange |
Event |
Pointer Lock | The pointer was locked or released. |
pointerlockerror |
Event |
Pointer Lock | It was impossible to lock the pointer for technical reasons or because the permission was denied. |
pointermove |
PointerEvent |
Pointer Events | The pointer changed coordinates. |
pointerout |
PointerEvent |
Pointer Events | The pointing device moved out of hit-testing boundary or leaves detectable hover range. |
pointerover |
PointerEvent |
Pointer Events | The pointing device is moved into the hit-testing boundary. |
pointerup |
PointerEvent |
Pointer Events | The pointer leaves the active buttons state. |
play |
Event |
HTML5 media | Playback has begun. |
playing |
Event |
HTML5 media | Playback is ready to start after having been paused or delayed due to lack of data. |
popstate |
PopStateEvent |
HTML5 | A session history entry is being navigated to (in certain cases). |
progress |
ProgressEvent |
Progress and XMLHttpRequest | In progress. |
push |
PushEvent |
Push API | A Service Worker has received a push message. |
pushsubscriptionchange |
PushEvent |
Push API | A PushSubscription has expired. |
ratechange |
Event |
HTML5 media | The playback rate has changed. |
readystatechange |
Event |
HTML5 and XMLHttpRequest | The readyState attribute of a document has changed. |
repeatEvent |
TimeEvent |
SVG | A SMIL animation element is repeated. |
reset |
Event |
DOM L2, HTML5 | A form is reset. |
resize |
UIEvent |
DOM L3 | The document view has been resized. |
resourcetimingbufferfull |
Performance |
Resource Timing | The browser's resource timing buffer is full. |
result |
SpeechRecognitionEvent |
Web Speech API | The speech recognition service returns a result — a word or phrase has been positively recognized and this has been communicated back to the app. |
resume |
SpeechSynthesisEvent |
Web Speech API | A paused utterance is resumed. |
scroll |
UIEvent |
DOM L3 | The document view or an element has been scrolled. |
seeked |
Event |
HTML5 media | A seek operation completed. |
seeking |
Event |
HTML5 media | A seek operation began. |
select |
UIEvent |
DOM L3 | Some text is being selected. |
selectstart |
Event |
Selection API | A selection just started. |
selectionchange |
Event |
Selection API | The selection in the document has been changed. |
show |
MouseEvent |
HTML5 | A contextmenu event was fired on/bubbled to an element that has a contextmenu attribute |
slotchange |
Event |
DOM | The node contents of a HTMLSlotElement (<slot>) have changed. |
soundend |
Event |
Web Speech API | Any sound — recognisable speech or not — has stopped being detected. |
soundstart |
Event |
Web Speech API | Any sound — recognisable speech or not — has been detected. |
speechend |
Event |
Web Speech API | Speech recognised by the speech recognition service has stopped being detected. |
speechstart |
Event |
Web Speech API | Sound that is recognised by the speech recognition service as speech has been detected. |
stalled |
Event |
HTML5 media | The user agent is trying to fetch media data, but data is unexpectedly not forthcoming. |
start |
Event |
Web Speech API | The speech recognition service has begun listening to incoming audio with intent to recognize grammars associated with the current SpeechRecognition. |
start |
SpeechSynthesisEvent |
Web Speech API | The utterance has begun to be spoken. |
storage |
StorageEvent |
Web Storage | A storage area (localStorage or sessionStorage) has changed. |
submit |
Event |
DOM L2, HTML5 | A form is submitted. |
success |
Event |
IndexedDB | A request successfully completed. |
suspend |
Event |
HTML5 media | Media data loading has been suspended. |
SVGAbort |
SVGEvent |
SVG | Page loading has been stopped before the SVG was loaded. |
SVGError |
SVGEvent |
SVG | An error has occurred before the SVG was loaded. |
SVGLoad |
SVGEvent |
SVG | An SVG document has been loaded and parsed. |
SVGResize |
SVGEvent |
SVG | An SVG document is being resized. |
SVGScroll |
SVGEvent |
SVG | An SVG document is being scrolled. |
SVGUnload |
SVGEvent |
SVG | An SVG document has been removed from a window or frame. |
SVGZoom |
SVGZoomEvent |
SVG | An SVG document is being zoomed. |
timeout |
ProgressEvent |
XMLHttpRequest | |
timeupdate |
Event |
HTML5 media | The time indicated by the currentTime attribute has been updated. |
touchcancel |
TouchEvent |
Touch Events | A touch point has been disrupted in an implementation-specific manners (too many touch points for example). |
touchend |
TouchEvent |
Touch Events | A touch point is removed from the touch surface. |
touchmove |
TouchEvent |
Touch Events | A touch point is moved along the touch surface. |
touchstart |
TouchEvent |
Touch Events | A touch point is placed on the touch surface. |
transitionend |
TransitionEvent |
CSS Transitions | A CSS transition has completed. |
unload |
UIEvent |
DOM L3 | The document or a dependent resource is being unloaded. |
upgradeneeded |
IndexedDB | An attempt was made to open a database with a version number higher than its current version. A versionchange transaction has been created. |
|
userproximity |
UserProximityEvent |
Proximity Sensor | Fresh data is available from a proximity sensor (indicates whether the nearby object is near the device or not). |
voiceschanged |
Event |
Web Speech API | The list of SpeechSynthesisVoice objects that would be returned by the SpeechSynthesis.getVoices() method has changed (when the voiceschanged event fires.) |
versionchange |
IndexedDB | A versionchange transaction completed. |
|
visibilitychange |
Event |
Page visibility | The content of a tab has become visible or has been hidden. |
volumechange |
Event |
HTML5 media | The volume has changed. |
waiting |
Event |
HTML5 media | Playback has stopped because of a temporary lack of data. |
wheel |
WheelEvent |
DOM L3 | A wheel button of a pointing device is rotated in any direction. |
