Home > Article > Web Front-end > What events does vuejs support?

What events does vuejs support?

青灯夜游Original: 2021-11-01 12:12:093533browse

Vue supports events: 1. Resource events; 2. Network events; 3. Focus events; 4. WebSocket events; 5. Session history events; 6. CSS animation events; 7. CSS transition events; 8 , form events; 9. Print events; 10. View events; 11. Keyboard events; 12. Mouse events; 13. Drag and drop events, etc.

The operating environment of this tutorial: windows7 system, vue2.9.6 version, DELL G3 computer.

You can use the v-on directive in vuejs to listen to DOM events and run some JavaScript code when triggered.

Summary of events supported by v-on in vue

Resource events

Event name	When to trigger
`error`	When resource loading fails.
`abort`	When loading resources has been aborted.
`load`	The resource and its related resources have been loaded.
`beforeunload`	The window, document and its resources are about to be unloaded.
`unload`	The document or a dependent resource is being unloaded.

Network event

Event name	When is triggered
`online`	The browser has gained network access.
`offline`	The browser has lost network access.

Focus event

##Event nameWhen to triggerThe element gets focus (will not bubble). The element loses focus (will not bubble).


focus
blur

WebSocket event

##Event nameopenmessageerrorclose

When to trigger
WebSocket connection established.
A message was received via WebSocket.
The WebSocket connection was closed abnormally (for example, some data could not be sent).
The WebSocket connection has been closed.

Session history event

##Event nameWhen triggered ##pagehidepageshowpopstateCSS animation event


A session history entry is being traversed from.
A session history entry is being traversed to.
A session history entry is being navigated to (in certain cases).

Event nameWhen to triggeranimationstartanimationendanimationiterationCSS transition event


When a CSS animation starts trigger.
Fires when a CSS animation completes.
Triggered when a CSS animation is restarted after completion.

Event nameWhen to trigger ##transitionstartA CSS transition has actually started (fired after any delay).A CSS transition has been canceled.A CSS transition has completed.##transitionrun##A CSS transition has begun running (fired before any delay starts).Form event


	transitioncancel
	transitionend

Event nameWhen to trigger

When clicking the reset buttonClick the submit buttonPrint event

	reset
submit

Time nameWhen to trigger

Trigger when the printer is readyTriggered when the printer is turned off

	beforeprint
afterprint
`<p><strong>文本写作事件</strong></p> <table> <thead><tr class="firstRow"> <th>Event Name</th> <th>Fired When</th> </tr></thead> <tbody> <tr> <td><code>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.

剪贴板事件

<tr> <td><code>cut

Event Name	Fired When
已经剪贴选中的文本内容并且复制到了剪贴板。
`copy`	已经把选中的文本内容复制到了剪贴板。
`paste`	从剪贴板复制的文本内容被粘贴。

键盘事件

Event Name	Fired When
`keydown`	按下任意按键。
`keypress`	除 Shift、Fn、CapsLock 外的任意键被按住。（连续触发。）
`keyup`	释放任意按键。

鼠标事件

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
`drag`	正在拖动元素或文本选区（在此过程中持续触发，每 350ms 触发一次）
`dragend`	拖放操作结束。（松开鼠标按钮或按下 Esc 键）
`dragenter`	被拖动的元素或文本选区移入有效释放目标区
`dragstart`	用户开始拖动HTML元素或选中的文本
`dragleave`	被拖动的元素或文本选区移出有效释放目标区
`dragover`	被拖动的元素或文本选区正在有效释放目标上被拖动（在此过程中持续触发，每350ms触发一次）
`drop`	元素在有效释放目标区上释放

媒体事件

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)
storage

更新事件

checking
downloading
error
noupdate
obsolete
updateready

值变化事件

broadcast
CheckboxStateChange
hashchange
input
RadioStateChange
readystatechange
ValueChange

未分类的事件

invalid
message
message
open
show

不常见和非标准事件

Abortable Fetch events

Event name	Fired when
`abort`	A DOM request is aborted, i.e. using `AbortController.abort()`.

SVG Event

SVGAbort
SVGError
SVGLoad
SVGResize
SVGScroll
SVGUnload
##SVGZoom

Database Event

abort
blocked
complete
##error
success
upgradeneeded

##afterscriptexecute

beforescriptexecute
Menu Event

DOMMenuItemActive

DOMMenuItemInactive
Window Event

Popup event

popuphidden

popuphiding
popupshowing
popupshown
Tab event

visibilitychange

Battery events

chargingchange

##chargingtimechange
dischargingtimechange
levelchange
Call event

alerting

##busy
callschanged
##cfstatechange
connected
connecting
dialing
disconnected
##disconnecting
,
holding
##incoming
resuming
statechange
voicechange
Sensor events
compassneedscalibration

devicemotion

deviceorientation
##orientationchange
Smart Card Event
icccardlockerror

##iccinfochange

smartcard-insert
##smartcard-remove
stkcommand
stksessionend
##cardstatechange
SMS and USSD events
delivered

##ussdreceived
Frame events
mozbrowserclose
mozbrowsercontextmenu

##mozbrowsererror

#mozbrowsericonchange
mozbrowserlocationchange
mozbrowserloadend
mozbrowserloadstart
mozbrowseropenwindow
##mozbrowsersecuritychange
mozbrowsershowmodalprompt
mozbrowsertitlechange
##DOM Mutation Event
DOMAttributeNameChanged
DOMAttrModified

DOMCharacterDataModified

#DOMElementNameChanged
DOMNodeInserted
DOMNodeInsertedIntoDocument
DOMNodeRemoved
DOMNodeRemovedFromDocument
##DOMSubtreeModified
Touch event
##touchcancel
##touchend
touchmove

touchstart

Pointer event
pointerover
##pointerenter
pointerdown

pointercancel
pointerout
pointerleave
##gotpointercapture
lostpointercapture

Standard Events

These events are defined in the official web specifications and should be universal across browsers. Each event is listed together with an object that represents the recipient of the event (so you can check the data provided by each event), and the standard or standard link that defines the event.

Repeat a CSS animation A CSS animation has startedA web application is successfully installed as a progressive web app.##AudioProcessingEventScriptProcessorNodeaudioendEventaudiostartEventbeforeprintEventbeforeunloadBeforeUnloadEventbeginEvent TimeEvent##blockedAn open connection to a database is blocking a transaction on the same database.##blurThe spoken utterance reaches a word or sentence boundaryThe 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. The user agent can play the media up to its end without having to stop for further buffering of content.##change##Event event is fired for , and

Event name	Event type	Trigger timing...
`abort`	`UIEvent`	Resource loading has been aborted
`abort`	`ProgressEvent`	Progress was terminated (not caused by error)
`abort`	`Event`	Transaction has been aborted
`afterprint`	`Event`	The related document has started printing or the print preview has been closed
`animationcancel`	`AnimationEvent`	A CSS animation has aborted.
`animationend`	`AnimationEvent`	Complete a CSS animation
##animationiteration	AnimationEvent
animationstart	AnimationEvent
appinstalled	Event
audioprocess	The input buffer of a	can be processed
	User agent captures audio for speech recognition
	User agent starts capturing audio for speech recognition
	The related document will start printing or prepare for print preview
	The window, document and its resources are about to be unloaded
	A SMIL animation element begins.
	versionchange
`FocusEvent`	An element has lost focus (does not bubble).	##boundary
SpeechSynthesisEvent		canplay
Event		canplaythrough
Event
`The` change	`,`	<code> elements when a change to the element's value is committed by the user.</code><code></code><code></code>chargingchange<code></code> </td> </tr>Event<tr> <td><code>The battery begins or stops charging .</code></td> <td> <code></code>chargingtimechange</td> <td></td> </tr>Event<tr> <td> <code>The </code>chargingTime</td> attribute has been updated.<td><code></code></td> <td>click<code></code> </td> </tr>MouseEvent<tr> <td><code>A pointing device button has been pressed and released on an element.</code></td> <td> <code></code>close</td> <td></td> </tr>Event<tr> <td><code>A WebSocket connection has been closed.</code></td> <td> <code></code>complete</td> <td></td> </tr> <tr>A transaction successfully completed.<td><code></code></td> <td>complete </td> <td></td> </tr>OfflineAudioCompletionEvent<tr> <td> <code>The rendering of an </code>OfflineAudioContext</td> is terminated.<td><code></code></td> <td>compositionend<code></code> </td>##CompositionEvent</tr> <tr> <td>The composition of a passage of text has been completed or canceled.<code></code> </td> <td><code>compositionstart</code></td> <td></td>CompositionEvent</tr> <tr> <td>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).<code></code> </td> <td><code>compositionupdate</code></td> <td></td>CompositionEvent</tr> <tr> <td>A character is added to a passage of text being composed.<code></code> </td> <td><code>contextmenu</code></td> <td></td>MouseEvent</tr> <tr> <td>The right button of the mouse is clicked (before the context menu is displayed).<code></code> </td> <td><code>copy</code></td> <td>##ClipboardEvent</td> </tr> <tr>The text selection has been added to the clipboard.<td><code><tr> <td><code>cut</code></td> <td> <code>ClipboardEvent</code> </td> <td>The text selection has been removed from the document and added to the clipboard.</td> </tr> <tr> <td><code>dblclick</code></td> <td><code>MouseEvent</code></td> <td>A pointing device button is clicked twice on an element.</td> </tr> <tr> <td><code>devicechange</code></td> <td><code>Event</code></td> <td>A media device such as a camera, microphone, or speaker is connected or removed from the system.</td> </tr> <tr> <td><code>devicemotion</code></td> <td> <code>DeviceMotionEvent</code> </td> <td>Fresh data is available from a motion sensor.</td> </tr> <tr> <td><code>deviceorientation</code></td> <td> <code>DeviceOrientationEvent</code> </td> <td>Fresh data is available from an orientation sensor.</td> </tr> <tr> <td><code>dischargingtimechange</code></td> <td><code>Event</code></td> <td>The <code>dischargingTime</code> attribute has been updated.</td> </tr> <tr> <td> <code>DOMActivate</code> </td> <td><code>UIEvent</code></td> <td>A button, link or state changing element is activated (use <code>click</code> instead).</td> </tr> <tr> <td> <code>DOMAttributeNameChanged</code> </td> <td><code>MutationNameEvent</code></td> <td>The name of an attribute changed (use mutation observers instead).</td> </tr> <tr> <td> <code>DOMAttrModified</code> </td> <td><code>MutationEvent</code></td> <td>The value of an attribute has been modified (use mutation observers instead).</td> </tr> <tr> <td> <code>DOMCharacterDataModified</code> </td> <td><code>MutationEvent</code></td> <td>A text or another CharacterData has changed (use mutation observers instead).</td> </tr> <tr> <td><code>DOMContentLoaded</code></td> <td><code>Event</code></td> <td>The document has finished loading (but not its dependent resources).</td> </tr> <tr> <td> <code>DOMElementNameChanged</code> </td> <td><code>MutationNameEvent</code></td> <td>The name of an element changed (use mutation observers instead).</td> </tr> <tr> <td> <code>DOMFocusIn</code> </td> <td> <code>FocusEvent</code> </td> <td>An element has received focus (use <code>focus</code> or <code>focusin</code> instead).</td> </tr> <tr> <td> <code>DOMFocusOut</code> </td> <td> <code>FocusEvent</code> </td> <td>An element has lost focus (use <code>blur</code> or <code>focusout</code> instead).</td> </tr> <tr> <td> <code>DOMNodeInserted</code> </td> <td><code>MutationEvent</code></td> <td>A node has been added as a child of another node (use mutation observers instead).</td> </tr> <tr> <td> <code>DOMNodeInsertedIntoDocument</code> </td> <td><code>MutationEvent</code></td> <td>A node has been inserted into the document (use mutation observers instead).</td> </tr> <tr> <td> <code>DOMNodeRemoved</code> </td> <td><code>MutationEvent</code></td> <td>A node has been removed from its parent node (use mutation observers instead).</td> </tr> <tr> <td> <code>DOMNodeRemovedFromDocument</code> </td> <td><code>MutationEvent</code></td> <td>A node has been removed from the document (use mutation observers instead).</td> </tr> <tr> <td> <code>DOMSubtreeModified</code> </td> <td><code>MutationEvent</code></td> <td>A change happened in the document (use mutation observers instead).</td> </tr> <tr> <td><code>drag</code></td> <td><code>DragEvent</code></td> <td>An element or text selection is being dragged (every 350ms).</td> </tr> <tr> <td><code>dragend</code></td> <td><code>DragEvent</code></td> <td>A drag operation is being ended (by releasing a mouse button or hitting the escape key).</td> </tr> <tr> <td><code>dragenter</code></td> <td><code>DragEvent</code></td> <td>A dragged element or text selection enters a valid drop target.</td> </tr> <tr> <td><code>dragleave</code></td> <td><code>DragEvent</code></td> <td>A dragged element or text selection leaves a valid drop target.</td> </tr> <tr> <td><code>dragover</code></td> <td><code>DragEvent</code></td> <td>An element or text selection is being dragged over a valid drop target (every 350ms).</td> </tr> <tr> <td><code>dragstart</code></td> <td><code>DragEvent</code></td> <td>The user starts dragging an element or text selection.</td> </tr> <tr> <td><code>drop</code></td> <td><code>DragEvent</code></td> <td>An element is dropped on a valid drop target.</td> </tr> <tr> <td><code>durationchange</code></td> <td><code>Event</code></td> <td>The <code>duration</code> attribute has been updated.</td> </tr> <tr> <td><code>emptied</code></td> <td><code>Event</code></td> <td>The media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the <code>load()</code> method is called to reload it.</td> </tr> <tr> <td> <code>end</code> </td> <td><code>Event</code></td> <td>The speech recognition service has disconnected.</td> </tr> <tr> <td> <code>end</code> </td> <td><code>SpeechSynthesisEvent</code></td> <td>The utterance has finished being spoken.</td> </tr> <tr> <td><code>ended</code></td> <td><code>Event</code></td> <td>Playback has stopped because the end of the media was reached.</td> </tr> <tr> <td><code>ended</code></td> <td><code>Event</code></td> <td>Playback has stopped because the end of the media was reached.</td> </tr> <tr> <td><code>endEvent</code></td> <td><code>TimeEvent</code></td> <td>A SMIL animation element ends.</td> </tr> <tr> <td><code>error</code></td> <td><code>UIEvent</code></td> <td>A resource failed to load.</td> </tr> <tr> <td><code>error</code></td> <td><code>ProgressEvent</code></td> <td>Progression has failed.</td> </tr> <tr> <td><code>error</code></td> <td><code>Event</code></td> <td>A WebSocket connection has been closed with prejudice (some data couldn't be sent for example).</td> </tr> <tr> <td><code>error</code></td> <td><code>Event</code></td> <td>An event source connection has been failed.</td> </tr> <tr> <td><code>error</code></td> <td><code>Event</code></td> <td>A request caused an error and failed.</td> </tr> <tr> <td> <code>error</code> </td> <td><code>Event</code></td> <td>A speech recognition error occurs.</td> </tr> <tr> <td><code>error</code></td> <td><code>SpeechSynthesisErrorEvent</code></td> <td>An error occurs that prevents the utterance from being successfully spoken.</td> </tr> <tr> <td><code>focus</code></td> <td> <code>FocusEvent</code> </td> <td>An element has received focus (does not bubble).</td> </tr> <tr> <td><code>focusin</code></td> <td> <code>FocusEvent</code> </td> <td>An element is about to receive focus (bubbles).</td> </tr> <tr> <td><code>focusout</code></td> <td> <code>FocusEvent</code> </td> <td>An element is about to lose focus (bubbles).</td> </tr> <tr> <td><code>fullscreenchange</code></td> <td><code>Event</code></td> <td>An element was turned to fullscreen mode or back to normal mode.</td> </tr> <tr> <td><code>fullscreenerror</code></td> <td><code>Event</code></td> <td>It was impossible to switch to fullscreen mode for technical reasons or because the permission was denied.</td> </tr> <tr> <td><code>gamepadconnected</code></td> <td> <code>GamepadEvent</code> </td> <td>A gamepad has been connected.</td> </tr> <tr> <td><code>gamepaddisconnected</code></td> <td> <code>GamepadEvent</code> </td> <td>A gamepad has been disconnected.</td> </tr> <tr> <td><code>gotpointercapture</code></td> <td><code>PointerEvent</code></td> <td>Element receives pointer capture.</td> </tr> <tr> <td><code>hashchange</code></td> <td><code>HashChangeEvent</code></td> <td>The fragment identifier of the URL has changed (the part of the URL after the #).</td> </tr> <tr> <td><code>lostpointercapture</code></td> <td><code>PointerEvent</code></td> <td>Element lost pointer capture.</td> </tr> <tr> <td><code>input</code></td> <td><code>Event</code></td> <td>The value of an element changes or the content of an element with the attribute contenteditable is modified.</td> </tr> <tr> <td><code>invalid</code></td> <td><code>Event</code></td> <td>A submittable element has been checked and doesn't satisfy its constraints.</td> </tr> <tr> <td><code>keydown</code></td> <td><code>KeyboardEvent</code></td> <td>A key is pressed down.</td> </tr> <tr> <td><code>keypress</code></td> <td><code>KeyboardEvent</code></td> <td>A key is pressed down and that key normally produces a character value (use input instead).</td> </tr> <tr> <td><code>keyup</code></td> <td><code>KeyboardEvent</code></td> <td>A key is released.</td> </tr> <tr> <td> <code>languagechange</code> </td> <td><code>Event</code></td> <td>The user's preferred languages have changed.</td> </tr> <tr> <td><code>levelchange</code></td> <td><code>Event</code></td> <td>The <code>level</code> attribute has been updated.</td> </tr> <tr> <td><code>load</code></td> <td><code>UIEvent</code></td> <td>A resource and its dependent resources have finished loading.</td> </tr> <tr> <td><code>load</code></td> <td><code>ProgressEvent</code></td> <td>Progression has been successful.</td> </tr> <tr> <td><code>loadeddata</code></td> <td><code>Event</code></td> <td>The first frame of the media has finished loading.</td> </tr> <tr> <td><code>loadedmetadata</code></td> <td><code>Event</code></td> <td>The metadata has been loaded.</td> </tr> <tr> <td><code>loadend</code></td> <td><code>ProgressEvent</code></td> <td>Progress has stopped (after "error", "abort" or "load" have been dispatched).</td> </tr> <tr> <td><code>loadstart</code></td> <td><code>ProgressEvent</code></td> <td>Progress has begun.</td> </tr> <tr> <td> <code>mark</code> </td> <td><code>SpeechSynthesisEvent</code></td> <td>The spoken utterance reaches a named SSML "mark" tag.</td> </tr> <tr> <td><code>message</code></td> <td><code>MessageEvent</code></td> <td>A message is received through a WebSocket.</td> </tr> <tr> <td><code>message</code></td> <td><code>MessageEvent</code></td> <td>A message is received from a Web Worker.</td> </tr> <tr> <td><code>message</code></td> <td><code>MessageEvent</code></td> <td>A message is received from a child (i)frame or a parent window.</td> </tr> <tr> <td><code>message</code></td> <td><code>MessageEvent</code></td> <td>A message is received through an event source.</td> </tr> <tr> <td><code>messageerror</code></td> <td><code>MessageEvent</code></td> <td>A message error is raised when a message is received by an object.</td> </tr> <tr> <td> <code>message</code> </td> <td> <code>ServiceWorkerMessageEvent</code> or <code>ExtendableMessageEvent</code>, depending on context.</td> <td>A message is received from a service worker, or a message is received in a service worker from another context.</td> </tr> <tr> <td><code>mousedown</code></td> <td><code>MouseEvent</code></td> <td>A pointing device button (usually a mouse) is pressed on an element.</td> </tr> <tr> <td><code>mouseenter</code></td> <td><code>MouseEvent</code></td> <td>A pointing device is moved onto the element that has the listener attached.</td> </tr> <tr> <td><code>mouseleave</code></td> <td><code>MouseEvent</code></td> <td>A pointing device is moved off the element that has the listener attached.</td> </tr> <tr> <td><code>mousemove</code></td> <td><code>MouseEvent</code></td> <td>A pointing device is moved over an element.</td> </tr> <tr> <td><code>mouseout</code></td> <td><code>MouseEvent</code></td> <td>A pointing device is moved off the element that has the listener attached or off one of its children.</td> </tr> <tr> <td><code>mouseover</code></td> <td><code>MouseEvent</code></td> <td>A pointing device is moved onto the element that has the listener attached or onto one of its children.</td> </tr> <tr> <td><code>mouseup</code></td> <td><code>MouseEvent</code></td> <td>A pointing device button is released over an element.</td> </tr> <tr> <td> <code>nomatch</code> </td> <td><code>SpeechRecognitionEvent</code></td> <td>The speech recognition service returns a final result with no significant recognition.</td> </tr> <tr> <td><code>notificationclick</code></td> <td> <code>NotificationEvent</code> </td> <td>A system notification spawned by <code>ServiceWorkerRegistration.showNotification()</code> has been clicked.</td> </tr> <tr> <td><code>offline</code></td> <td><code>Event</code></td> <td>The browser has lost access to the network.</td> </tr> <tr> <td><code>online</code></td> <td><code>Event</code></td> <td>The browser has gained access to the network (but particular websites might be unreachable).</td> </tr> <tr> <td><code>open</code></td> <td><code>Event</code></td> <td>A WebSocket connection has been established.</td> </tr> <tr> <td><code>open</code></td> <td><code>Event</code></td> <td>An event source connection has been established.</td> </tr> <tr> <td><code>orientationchange</code></td> <td><code>Event</code></td> <td>The orientation of the device (portrait/landscape) has changed</td> </tr> <tr> <td><code>pagehide</code></td> <td><code>PageTransitionEvent</code></td> <td>A session history entry is being traversed from.</td> </tr> <tr> <td><code>pageshow</code></td> <td><code>PageTransitionEvent</code></td> <td>A session history entry is being traversed to.</td> </tr> <tr> <td><code>paste</code></td> <td> <code>ClipboardEvent</code> </td> <td>Data has been transferred from the system clipboard to the document.</td> </tr> <tr> <td><code>pause</code></td> <td><code>Event</code></td> <td>Playback has been paused.</td> </tr> <tr> <td> <code>pause</code> </td> <td><code>SpeechSynthesisEvent</code></td> <td>The utterance is paused part way through.</td> </tr> <tr> <td><code>pointercancel</code></td> <td><code>PointerEvent</code></td> <td>The pointer is unlikely to produce any more events.</td> </tr> <tr> <td><code>pointerdown</code></td> <td><code>PointerEvent</code></td> <td>The pointer enters the active buttons state.</td> </tr> <tr> <td><code>pointerenter</code></td> <td><code>PointerEvent</code></td> <td>Pointing device is moved inside the hit-testing boundary.</td> </tr> <tr> <td><code>pointerleave</code></td> <td><code>PointerEvent</code></td> <td>Pointing device is moved out of the hit-testing boundary.</td> </tr> <tr> <td><code>pointerlockchange</code></td> <td><code>Event</code></td> <td>The pointer was locked or released.</td> </tr> <tr> <td><code>pointerlockerror</code></td> <td><code>Event</code></td> <td>It was impossible to lock the pointer for technical reasons or because the permission was denied.</td> </tr> <tr> <td><code>pointermove</code></td> <td><code>PointerEvent</code></td> <td>The pointer changed coordinates.</td> </tr> <tr> <td><code>pointerout</code></td> <td><code>PointerEvent</code></td> <td>The pointing device moved out of hit-testing boundary or leaves detectable hover range.</td> </tr> <tr> <td><code>pointerover</code></td> <td><code>PointerEvent</code></td> <td>The pointing device is moved into the hit-testing boundary.</td> </tr> <tr> <td><code>pointerup</code></td> <td><code>PointerEvent</code></td> <td>The pointer leaves the active buttons state.</td> </tr> <tr> <td><code>play</code></td> <td><code>Event</code></td> <td>Playback has begun.</td> </tr> <tr> <td><code>playing</code></td> <td><code>Event</code></td> <td>Playback is ready to start after having been paused or delayed due to lack of data.</td> </tr> <tr> <td><code>popstate</code></td> <td><code>PopStateEvent</code></td> <td>A session history entry is being navigated to (in certain cases).</td> </tr> <tr> <td><code>progress</code></td> <td><code>ProgressEvent</code></td> <td>In progress.</td> </tr> <tr> <td><code>push</code></td> <td> <code>PushEvent</code> </td> <td>A Service Worker has received a push message.</td> </tr> <tr> <td><code>pushsubscriptionchange</code></td> <td> <code>PushEvent</code> </td> <td>A PushSubscription has expired.</td> </tr> <tr> <td><code>ratechange</code></td> <td><code>Event</code></td> <td>The playback rate has changed.</td> </tr> <tr> <td><code>readystatechange</code></td> <td><code>Event</code></td> <td>The readyState attribute of a document has changed.</td> </tr> <tr> <td><code>repeatEvent</code></td> <td><code>TimeEvent</code></td> <td>A SMIL animation element is repeated.</td> </tr> <tr> <td><code>reset</code></td> <td><code>Event</code></td> <td>A form is reset.</td> </tr> <tr> <td><code>resize</code></td> <td><code>UIEvent</code></td> <td>The document view has been resized.</td> </tr> <tr> <td><code>resourcetimingbufferfull</code></td> <td><code>Performance</code></td> <td>The browser's resource timing buffer is full.</td> </tr> <tr> <td> <code>result</code> </td> <td> <code>SpeechRecognitionEvent</code> </td> <td>The speech recognition service returns a result — a word or phrase has been positively recognized and this has been communicated back to the app.</td> </tr> <tr> <td> <code>resume</code> </td> <td> <code>SpeechSynthesisEvent</code> </td> <td>A paused utterance is resumed.</td> </tr> <tr> <td><code>scroll</code></td> <td><code>UIEvent</code></td> <td>The document view or an element has been scrolled.</td> </tr> <tr> <td><code>seeked</code></td> <td><code>Event</code></td> <td>A <em>seek</em> operation completed.</td> </tr> <tr> <td><code>seeking</code></td> <td><code>Event</code></td> <td>A <em>seek</em> operation began.</td> </tr> <tr> <td><code>select</code></td> <td><code>UIEvent</code></td> <td>Some text is being selected.</td> </tr> <tr> <td> <code>selectstart</code> </td> <td><code>Event</code></td> <td>A selection just started.</td> </tr> <tr> <td> <code>selectionchange</code> </td> <td><code>Event</code></td> <td>The selection in the document has been changed.</td> </tr> <tr> <td><code>show</code></td> <td><code>MouseEvent</code></td> <td>A contextmenu event was fired on/bubbled to an element that has a contextmenu attribute</td> </tr> <tr> <td><code>slotchange</code></td> <td><code>Event</code></td> <td>The node contents of a <code>HTMLSlotElement</code> (<code><slot></code>) have changed.</td> </tr> <tr> <td> <code>soundend</code> </td> <td><code>Event</code></td> <td>Any sound — recognisable speech or not — has stopped being detected.</td> </tr> <tr> <td> <code>soundstart</code> </td> <td><code>Event</code></td> <td>Any sound — recognisable speech or not — has been detected.</td> </tr> <tr> <td> <code>speechend</code> </td> <td><code>Event</code></td> <td>Speech recognised by the speech recognition service has stopped being detected.</td> </tr> <tr> <td> <code>speechstart</code> </td> <td><code>Event</code></td> <td>Sound that is recognised by the speech recognition service as speech has been detected.</td> </tr> <tr> <td><code>stalled</code></td> <td><code>Event</code></td> <td>The user agent is trying to fetch media data, but data is unexpectedly not forthcoming.</td> </tr> <tr> <td> <code>start</code> </td> <td><code>Event</code></td> <td>The speech recognition service has begun listening to incoming audio with intent to recognize grammars associated with the current <code>SpeechRecognition</code>.</td> </tr> <tr> <td><code>start</code></td> <td><code>SpeechSynthesisEvent</code></td> <td>The utterance has begun to be spoken.</td> </tr> <tr> <td><code>storage</code></td> <td><code>StorageEvent</code></td> <td>A storage area (localStorage or sessionStorage) has changed.</td> </tr> <tr> <td><code>submit</code></td> <td><code>Event</code></td> <td>A form is submitted.</td> </tr> <tr> <td><code>success</code></td> <td><code>Event</code></td> <td>A request successfully completed.</td> </tr> <tr> <td><code>suspend</code></td> <td><code>Event</code></td> <td>Media data loading has been suspended.</td> </tr> <tr> <td><code>SVGAbort</code></td> <td><code>SVGEvent</code></td> <td>Page loading has been stopped before the SVG was loaded.</td> </tr> <tr> <td><code>SVGError</code></td> <td><code>SVGEvent</code></td> <td>An error has occurred before the SVG was loaded.</td> </tr> <tr> <td><code>SVGLoad</code></td> <td><code>SVGEvent</code></td> <td>An SVG document has been loaded and parsed.</td> </tr> <tr> <td><code>SVGResize</code></td> <td><code>SVGEvent</code></td> <td>An SVG document is being resized.</td> </tr> <tr> <td><code>SVGScroll</code></td> <td><code>SVGEvent</code></td> <td>An SVG document is being scrolled.</td> </tr> <tr> <td><code>SVGUnload</code></td> <td><code>SVGEvent</code></td> <td>An SVG document has been removed from a window or frame.</td> </tr> <tr> <td><code>SVGZoom</code></td> <td><code>SVGZoomEvent</code></td> <td>An SVG document is being zoomed.</td> </tr> <tr> <td><code>timeout</code></td> <td><code>ProgressEvent</code></td> <td> </td> </tr> <tr> <td><code>timeupdate</code></td> <td><code>Event</code></td> <td>The time indicated by the <code>currentTime</code> attribute has been updated.</td> </tr> <tr> <td><code>touchcancel</code></td> <td><code>TouchEvent</code></td> <td>A touch point has been disrupted in an implementation-specific manners (too many touch points for example).</td> </tr> <tr> <td><code>touchend</code></td> <td><code>TouchEvent</code></td> <td>A touch point is removed from the touch surface.</td> </tr> <tr> <td><code>touchmove</code></td> <td><code>TouchEvent</code></td> <td>A touch point is moved along the touch surface.</td> </tr> <tr> <td><code>touchstart</code></td> <td><code>TouchEvent</code></td> <td>A touch point is placed on the touch surface.</td> </tr> <tr> <td><code>transitionend</code></td> <td> <code>TransitionEvent</code> </td> <td>A CSS transition has completed.</td> </tr> <tr> <td><code>unload</code></td> <td><code>UIEvent</code></td> <td>The document or a dependent resource is being unloaded.</td> </tr> <tr> <td><code>upgradeneeded</code></td> <td> </td> <td>An attempt was made to open a database with a version number higher than its current version. A <code>versionchange</code> transaction has been created.</td> </tr> <tr> <td><code>userproximity</code></td> <td> <code>UserProximityEvent</code> </td> <td>Fresh data is available from a proximity sensor (indicates whether the nearby object is <code>near</code> the device or not).</td> </tr> <tr> <td> <code>voiceschanged</code> </td> <td><code>Event</code></td> <td>The list of <code>SpeechSynthesisVoice</code> objects that would be returned by the <code>SpeechSynthesis.getVoices()</code> method has changed (when the <code>voiceschanged</code> event fires.)</td> </tr> <tr> <td><code>versionchange</code></td> <td> </td> <td>A <code>versionchange</code> transaction completed.</td> </tr> <tr> <td><code>visibilitychange</code></td> <td><code>Event</code></td> <td>The content of a tab has become visible or has been hidden.</td> </tr> <tr> <td><code>volumechange</code></td> <td><code>Event</code></td> <td>The volume has changed.</td> </tr> <tr> <td><code>waiting</code></td> <td><code>Event</code></td> <td>Playback has stopped because of a temporary lack of data.</td> </tr> <tr> <td><code>wheel</code></td> <td><code>WheelEvent</code></td> <td>A wheel button of a pointing device is rotated in any direction.</td> </tr></code></td> </tr> </tbody> </table> <h2 id="非标准事件">非标准事件</h2> <table width="-201"> <thead><tr class="firstRow"> <th>Event Name</th> <th>Event Type</th> <th>Fired when...</th> </tr></thead> <tbody> <tr> <td><code>afterscriptexecute</code></td> <td><code>Event</code></td> <td>A script has been executed.</td> </tr> <tr> <td><code>beforescriptexecute</code></td> <td><code>Event</code></td> <td>A script is about to be executed.</td> </tr> <tr> <td><code>beforeinstallprompt</code></td> <td><code>Event</code></td> <td>A user is prompted to save a web site to a home screen on mobile.</td> </tr> <tr> <td><code>cardstatechange</code></td> <td> </td> <td>The <code>MozMobileConnection.cardState</code> property changes value.</td> </tr> <tr> <td><code>change</code></td> <td><code>DeviceStorageChangeEvent</code></td> <td>This event is triggered each time a file is created, modified or deleted on a given storage area.</td> </tr> <tr> <td><code>connectionInfoUpdate</code></td> <td> </td> <td>The informations about the signal strength and the link speed have been updated.</td> </tr> <tr> <td><code>cfstatechange</code></td> <td> </td> <td>The call forwarding state changes.</td> </tr> <tr> <td><code>datachange</code></td> <td> </td> <td>The <code>MozMobileConnection.data</code> object changes values.</td> </tr> <tr> <td><code>dataerror</code></td> <td> </td> <td>The <code>MozMobileConnection.data</code> object receive an error from the RIL.</td> </tr> <tr> <td><code>DOMMouseScroll</code></td> <td> </td> <td>The wheel button of a pointing device is rotated (detail attribute is a number of lines). (use <code>wheel</code> instead)</td> </tr> <tr> <td> <code>dragdrop</code> </td> <td><code>DragEvent</code></td> <td>An element is dropped (use <code>drop</code> instead).</td> </tr> <tr> <td> <code>dragexit</code> </td> <td><code>DragEvent</code></td> <td>A drag operation is being ended(use <code>dragend</code> instead).</td> </tr> <tr> <td> <code>draggesture</code> </td> <td><code>DragEvent</code></td> <td>The user starts dragging an element or text selection (use <code>dragstart</code> instead).</td> </tr> <tr> <td><code>icccardlockerror</code></td> <td> </td> <td>the <code>MozMobileConnection.unlockCardLock()</code> or <code>MozMobileConnection.setCardLock()</code> methods fails.</td> </tr> <tr> <td><code>iccinfochange</code></td> <td> </td> <td>The <code>MozMobileConnection.iccInfo</code> object changes.</td> </tr> <tr> <td><code>localized</code></td> <td> </td> <td>The page has been localized using data-l10n-* attributes.</td> </tr> <tr> <td> <code>mousewheel</code> </td> <td> </td> <td>The wheel button of a pointing device is rotated.</td> </tr> <tr> <td><code>MozAudioAvailable</code></td> <td><code>Event</code></td> <td>The audio buffer is full and the corresponding raw samples are available.</td> </tr> <tr> <td> <code>MozBeforeResize</code> </td> <td> </td> <td>A window is about to be resized.</td> </tr> <tr> <td><code>mozbrowseractivitydone</code></td> <td> </td> <td>Sent when some activity has been completed (complete description TBD.)</td> </tr> <tr> <td><code>mozbrowserasyncscroll</code></td> <td> </td> <td>Sent when the scroll position within a browser<code> </code><code><iframe></code> changes.</td> </tr> <tr> <td><code>mozbrowseraudioplaybackchange</code></td> <td> </td> <td>Sent when audio starts or stops playing within the browser <code><iframe></code> content.</td> </tr> <tr> <td><code>mozbrowsercaretstatechanged</code></td> <td> </td> <td>Sent when the text selected inside the browser <code><iframe></code> content changes.</td> </tr> <tr> <td><code>mozbrowserclose</code></td> <td> </td> <td>Sent when window.close() is called within a browser <code><iframe></code>.</td> </tr> <tr> <td><code>mozbrowsercontextmenu</code></td> <td> </td> <td>Sent when a browser <code><iframe></code> try to open a context menu.</td> </tr> <tr> <td><code>mozbrowserdocumentfirstpaint</code></td> <td> </td> <td>Sent when a new paint occurs on any document in the browser <code><iframe></code>.</td> </tr> <tr> <td><code>mozbrowsererror</code></td> <td> </td> <td>Sent when an error occured while trying to load a content within a browser iframe</td> </tr> <tr> <td><code>mozbrowserfindchange</code></td> <td> </td> <td>Sent when a search operation is performed on the browser <code><iframe></code> content (see HTMLIFrameElement search methods.)</td> </tr> <tr> <td><code>mozbrowserfirstpaint</code></td> <td> </td> <td>Sent when the <code><iframe></code> paints content for the first time (this doesn't include the initial paint from <em>about:blank</em>.)</td> </tr> <tr> <td><code>mozbrowsericonchange</code></td> <td> </td> <td>Sent when the favicon of a browser iframe changes.</td> </tr> <tr> <td><code>mozbrowserlocationchange</code></td> <td> </td> <td>Sent when an browser iframe's location changes.</td> </tr> <tr> <td><code>mozbrowserloadend</code></td> <td> </td> <td>Sent when the browser iframe has finished loading all its assets.</td> </tr> <tr> <td><code>mozbrowserloadstart</code></td> <td> </td> <td>Sent when the browser iframe starts to load a new page.</td> </tr> <tr> <td><code>mozbrowsermanifestchange</code></td> <td> </td> <td>Sent when a the path to the app manifest changes, in the case of a browser <code><iframe></code> with an open web app embedded in it.</td> </tr> <tr> <td><code>mozbrowsermetachange</code></td> <td> </td> <td>Sent when a <code><meta></code> elelment is added to, removed from or changed in the browser <code><iframe></code>'s content.</td> </tr> <tr> <td><code>mozbrowseropensearch</code></td> <td> </td> <td>Sent when a link to a search engine is found.</td> </tr> <tr> <td><code>mozbrowseropentab</code></td> <td> </td> <td>Sent when a new tab is opened within a browser <code><iframe></code> as a result of the user issuing a command to open a link target in a new tab (for example ctrl/cmd click.)</td> </tr> <tr> <td><code>mozbrowseropenwindow</code></td> <td> </td> <td>Sent when <code>window.open()</code> is called within a browser iframe.</td> </tr> <tr> <td><code>mozbrowserresize</code></td> <td> </td> <td>Sent when the browser <code><iframe></code>'s window size has changed.</td> </tr> <tr> <td><code>mozbrowserscroll</code></td> <td> </td> <td>Sent when the browser <code><iframe></code> content scrolls.</td> </tr> <tr> <td><code>mozbrowserscrollareachanged</code></td> <td> </td> <td>Sent when the available scrolling area in the browser <code><iframe></code> changes. This can occur on resize and when the page size changes (while loading for example.)</td> </tr> <tr> <td><code>mozbrowserscrollviewchange</code></td> <td> </td> <td>Sent when asynchronous scrolling (i.e. APCZ) starts or stops.</td> </tr> <tr> <td><code>mozbrowsersecuritychange</code></td> <td> </td> <td>Sent when the SSL state changes within a browser iframe.</td> </tr> <tr> <td><code>mozbrowserselectionstatechanged</code></td> <td> </td> <td>Sent when the text selected inside the browser <code><iframe></code> content changes. Note that this is deprecated, and newer implementations use <code>mozbrowsercaretstatechanged</code> instead.</td> </tr> <tr> <td><code>mozbrowsershowmodalprompt</code></td> <td> </td> <td>Sent when <code>alert()</code>, <code>confirm()</code> or <code>prompt()</code> are called within a browser iframe</td> </tr> <tr> <td><code>mozbrowsertitlechange</code></td> <td> </td> <td>Sent when the document.title changes within a browser iframe.</td> </tr> <tr> <td><code>mozbrowserusernameandpasswordrequired</code></td> <td> </td> <td>Sent when an HTTP authentification is requested.</td> </tr> <tr> <td><code>mozbrowservisibilitychange</code></td> <td> </td> <td>Sent when the visibility state of the current browser iframe <code><iframe></code> changes, for example due to a call to <code>setVisible()</code>.</td> </tr> <tr> <td><code>MozGamepadButtonDown</code></td> <td> </td> <td>A gamepad button is pressed down.</td> </tr> <tr> <td><code>MozGamepadButtonUp</code></td> <td> </td> <td>A gamepad button is released.</td> </tr> <tr> <td> <code>MozMousePixelScroll</code> </td> <td> </td> <td>The wheel button of a pointing device is rotated (detail attribute is a number of pixels). (use wheel instead)</td> </tr> <tr> <td> <code>MozOrientation</code> </td> <td> </td> <td>Fresh data is available from an orientation sensor (see deviceorientation).</td> </tr> <tr> <td><code>MozScrolledAreaChanged</code></td> <td><code>UIEvent</code></td> <td>The document view has been scrolled or resized.</td> </tr> <tr> <td><code>moztimechange</code></td> <td> </td> <td>The time of the device has been changed.</td> </tr> <tr> <td>MozTouchDown </td> <td> </td> <td>A touch point is placed on the touch surface (use touchstart instead).</td> </tr> <tr> <td>MozTouchMove </td> <td> </td> <td>A touch point is moved along the touch surface (use touchmove instead).</td> </tr> <tr> <td>MozTouchUp </td> <td> </td> <td>A touch point is removed from the touch surface (use touchend instead).</td> </tr> <tr> <td><code>alerting</code></td> <td><code>CallEvent</code></td> <td>The correspondent is being alerted (his/her phone is ringing).</td> </tr> <tr> <td><code>busy</code></td> <td><code>CallEvent</code></td> <td>The line of the correspondent is busy.</td> </tr> <tr> <td><code>callschanged</code></td> <td><code>CallEvent</code></td> <td>A call has been added or removed from the list of current calls.</td> </tr> <tr> <td>onconnected <code>connected</code> </td> <td><code>CallEvent</code></td> <td>A call has been connected.</td> </tr> <tr> <td><code>connecting</code></td> <td><code>CallEvent</code></td> <td>A call is about to connect.</td> </tr> <tr> <td><code>delivered</code></td> <td><code>SMSEvent</code></td> <td>An SMS has been successfully delivered.</td> </tr> <tr> <td><code>dialing</code></td> <td><code>CallEvent</code></td> <td>The number of a correspondent has been dialed.</td> </tr> <tr> <td><code>disabled</code></td> <td> </td> <td>Wifi has been disabled on the device.</td> </tr> <tr> <td><code>disconnected</code></td> <td><code>CallEvent</code></td> <td>A call has been disconnected.</td> </tr> <tr> <td><code>disconnecting</code></td> <td><code>CallEvent</code></td> <td>A call is about to disconnect.</td> </tr> <tr> <td><code>enabled</code></td> <td> </td> <td>Wifi has been enabled on the device.</td> </tr> <tr> <td><code>error</code></td> <td><code>CallEvent</code></td> <td>An error occurred.</td> </tr> <tr> <td><code>held</code></td> <td><code>CallEvent</code></td> <td>A call has been held.</td> </tr> <tr> <td><code>holding</code></td> <td><code>CallEvent</code></td> <td>A call is about to be held.</td> </tr> <tr> <td><code>incoming</code></td> <td><code>CallEvent</code></td> <td>A call is being received.</td> </tr> <tr> <td><code>received</code></td> <td><code>SMSEvent</code></td> <td>An SMS has been received.</td> </tr> <tr> <td><code>resuming</code></td> <td><code>CallEvent</code></td> <td>A call is about to resume.</td> </tr> <tr> <td><code>sent</code></td> <td><code>SMSEvent</code></td> <td>An SMS has been sent.</td> </tr> <tr> <td><code>statechange</code></td> <td><code>CallEvent</code></td> <td>The state of a call has changed.</td> </tr> <tr> <td><code>statuschange</code></td> <td> </td> <td>The status of the Wifi connection changed.</td> </tr> <tr> <td><code>overflow</code></td> <td><code>UIEvent</code></td> <td>An element has been overflowed by its content or has been rendered for the first time in this state (only works for elements styled with <code>overflow</code> != <code>visible</code>).</td> </tr> <tr> <td><code>smartcard-insert</code></td> <td> </td> <td>A smartcard has been inserted.</td> </tr> <tr> <td><code>smartcard-remove</code></td> <td> </td> <td>A smartcard has been removed.</td> </tr> <tr> <td><code>stkcommand</code></td> <td> </td> <td>The STK Proactive Command is issued from ICC.</td> </tr> <tr> <td><code>stksessionend</code></td> <td> </td> <td>The STK Session is terminated by ICC.</td> </tr> <tr> <td><code>touchenter</code></td> <td><code>TouchEvent</code></td> <td> </td> </tr> <tr> <td><code>touchleave</code></td> <td><code>TouchEvent</code></td> <td> </td> </tr> <tr> <td><code>underflow</code></td> <td><code>UIEvent</code></td> <td>An element is no longer overflowed by its content (only works for elements styled with <code>overflow</code> != <code>visible</code>).</td> </tr> <tr> <td> <code>uploadprogress</code> </td> <td><code>ProgressEvent</code></td> <td>Upload is in progress (see <code>progress</code>).</td> </tr> <tr> <td><p><code>ussdreceived</code></p></td> <td> </td> <td>A new USSD message is received</td> </tr> <tr> <td><code>voicechange</code></td> <td> </td> <td>The <code>MozMobileConnection.voice</code> object changes values.</td> </tr> <tr> <td><code>msContentZoom</code></td> <td> </td> <td> </td> </tr> <tr> <td><code>MSManipulationStateChanged</code></td> <td> </td> <td> </td> </tr> <tr> <td> <code>MSPointerHover</code> </td> <td> </td> <td> </td> </tr> </tbody> </table> <h2 id="Mozilla_特定事件">Mozilla Specific Events</h2> <p>Note: These events are not exposed for use by web content and can only be used in the context of chrome content. </p> <h3 id="XUL_事件">XUL Event</h3> <table> <thead><tr class="firstRow">##Event Name<th></th>Event Type<th></th>Specification<th></th>Fired when.. .<th></th> </tr></thead> <tbody> <tr>##broadcast<td> <code></code> </td> <td>XUL</td> <td>An </td>observer <td> noticed a change to the attributes of a watched broadcaster.<code></code> </td> </tr> <tr>CheckboxStateChange<td> <code></code> </td> <td>XUL</td> <td>The state of a </td>checkbox<td> has been changed either by a user action or by a script (useful for accessibility).<code></code> </td> </tr>close<tr> <td> </td> <td>XUL</td> <td>The close button of the window has been clicked.</td> <td></td> </tr>##command<tr> <td><code> </code></td>XUL<td></td>An element has been activated.<td></td> <td></td> </tr>commandupdate<tr> <td><code> </code></td>XUL<td></td>A command update occurred on a <td>commandset</td> element.<td><code></code></td>##DOMMenuItemActive</tr> <tr> <td> <code></code>XUL</td> <td>A menu or menuitem has been hovered or highlighted.</td> <td></td> <td></td>DOMMenuItemInactive</tr> <tr> <td> <code></code> </td>XUL<td></td> <td>A menu or menuitem is no longer hovered or highlighted.<em></em> </td> <td></td>popuphidden</tr> <tr> <td><code>PopupEvent</code></td> <td><code>XUL</code></td> <td>A menupopup, panel or tooltip has been hidden.<em></em> </td> <td></td>popuphiding </tr> <tr> <td><code>PopupEvent</code></td> <td><code>XUL</code></td> <td>A menupopup, panel or tooltip is about to be hidden.<em> </em> </td> <td></td>popupshowing</tr> <tr> <td><code>PopupEvent</code></td> <td><code>XUL</code></td> <td>A menupopup , panel or tooltip is about to become visible.<em></em> </td> <td></td>popupshow</tr> <tr> <td><code>PopupEvent</code></td> <td><code>XUL</code></td> <td>A menupopup, panel or tooltip has become visible.<em></em> </td> <td></td>RadioStateChange</tr> <tr> <td> <code></code>XUL</td> <td>The state of a </td>radio<td> has been changed either by a user action or by a script (useful for accessibility).</td> <td> <code></code> </td>ValueChange</tr> <tr> <td> <code></code>XUL</td> <td>The value of an element has changed (a progress bar for example, useful for accessibility).</td> <td></td> <td> <h3 id="附加组件特定事件">附加组件特定事件</h3> <table> <thead><tr class="firstRow"> <th>Event Name</th> <th>Event Type</th> <th>Specification</th> <th>Fired when...</th> </tr></thead> <tbody> <tr> <td>MozSwipeGesture</td> <td> </td> <td><em>Addons specific</em></td> <td>A touch point is swiped across the touch surface</td> </tr> <tr> <td>MozMagnifyGestureStart</td> <td> </td> <td><em>Addons specific</em></td> <td>Two touch points start to move away from each other.</td> </tr> <tr> <td>MozMagnifyGestureUpdate</td> <td> </td> <td><em>Addons specific</em></td> <td>Two touch points move away from each other (after a MozMagnifyGestureStart).</td> </tr> <tr> <td>MozMagnifyGesture</td> <td> </td> <td><em>Addons specific</em></td> <td>Two touch points moved away from each other (after a sequence of MozMagnifyGestureUpdate).</td> </tr> <tr> <td>MozRotateGestureStart</td> <td> </td> <td><em>Addons specific</em></td> <td>Two touch points start to rotate around a point.</td> </tr> <tr> <td>MozRotateGestureUpdate</td> <td> </td> <td><em>Addons specific</em></td> <td>Two touch points rotate around a point (after a MozRotateGestureStart).</td> </tr> <tr> <td>MozRotateGesture</td> <td> </td> <td><em>Addons specific</em></td> <td>Two touch points rotate around a point (after a sequence of MozRotateGestureUpdate).</td> </tr> <tr> <td>MozTapGesture</td> <td> </td> <td><em>Addons specific</em></td> <td>Two touch points are tapped on the touch surface.</td> </tr> <tr> <td>MozPressTapGesture</td> <td> </td> <td><em>Addons specific</em></td> <td>A "press-tap" gesture happened on the touch surface (first finger down, second finger down, second finger up, first finger up).</td> </tr> <tr> <td>MozEdgeUIGesture</td> <td> </td> <td><em>Addons specific</em></td> <td>A touch point is swiped across the touch surface to invoke the edge UI (Win8 only).</td> </tr> <tr> <td>MozAfterPaint</td> <td> </td> <td><em>Addons specific</em></td> <td>Content has been repainted.</td> </tr> <tr> <td>DOMPopupBlocked</td> <td> </td> <td><em>Addons specific</em></td> <td>A popup has been blocked</td> </tr> <tr> <td>DOMWindowCreated</td> <td> </td> <td><em>Addons specific</em></td> <td>A window has been created.</td> </tr> <tr> <td>DOMWindowClose</td> <td> </td> <td><em>Addons specific</em></td> <td>A window is about to be closed.</td> </tr> <tr> <td>DOMTitleChanged</td> <td> </td> <td><em>Addons specifc</em></td> <td>The title of a window has changed.</td> </tr> <tr> <td>DOMLinkAdded</td> <td> </td> <td><em>Addons specifc</em></td> <td>A link has been added a document.</td> </tr> <tr> <td>DOMLinkRemoved</td> <td> </td> <td><em>Addons specifc</em></td> <td>A link has been removed inside from a document.</td> </tr> <tr> <td>DOMMetaAdded</td> <td> </td> <td><em>Addons specific</em></td> <td>A <code>meta</code> element has been added to a document.</td> </tr> <tr> <td>DOMMetaRemoved</td> <td> </td> <td><em>Addons specific</em></td> <td>A <code>meta</code> element has been removed from a document.</td> </tr> <tr> <td>DOMWillOpenModalDialog</td> <td> </td> <td><em>Addons specific</em></td> <td>A modal dialog is about to open.</td> </tr> <tr> <td>DOMModalDialogClosed</td> <td> </td> <td><em>Addons specific</em></td> <td>A modal dialog has been closed.</td> </tr> <tr> <td>DOMAutoComplete</td> <td> </td> <td><em>Addons specific</em></td> <td>The content of an element has been auto-completed.</td> </tr> <tr> <td>DOMFrameContentLoaded</td> <td> </td> <td><em>Addons specific</em></td> <td>The frame has finished loading (but not its dependent resources).</td> </tr> <tr> <td>AlertActive</td> <td> </td> <td><em>Addons specific</em></td> <td>A <code>notification</code> element is shown.</td> </tr> <tr> <td>AlertClose</td> <td> </td> <td><em>Addons specific</em></td> <td>A <code>notification</code> element is closed.</td> </tr> <tr> <td>fullscreen</td> <td> </td> <td><em>Addons specific</em></td> <td>Browser fullscreen mode has been entered or left.</td> </tr> <tr> <td>sizemodechange</td> <td> </td> <td><em>Addons specific</em></td> <td>Window has entered/left fullscreen mode, or has been minimized/unminimized.</td> </tr> <tr> <td>MozEnteredDomFullscreen</td> <td> </td> <td><em>Addons specific</em></td> <td>DOM fullscreen mode has been entered.</td> </tr> <tr> <td>SSWindowClosing</td> <td> </td> <td><em>Addons specific</em></td> <td>The session store will stop tracking this window.</td> </tr> <tr> <td>SSTabClosing</td> <td> </td> <td><em>Addons specific</em></td> <td>The session store will stop tracking this tab.</td> </tr> <tr> <td>SSTabRestoring</td> <td> </td> <td><em>Addons specific</em></td> <td>A tab is about to be restored.</td> </tr> <tr> <td>SSTabRestored</td> <td> </td> <td><em>Addons specific</em></td> <td>A tab has been restored.</td> </tr> <tr> <td>SSWindowStateReady</td> <td> </td> <td><em>Addons specific</em></td> <td>A window state has switched to "ready".</td> </tr> <tr> <td>SSWindowStateBusy</td> <td> </td> <td><em>Addons specific</em></td> <td>A window state has switched to "busy".</td> </tr> <tr> <td>TabOpen</td> <td> </td> <td><em>Addons specific</em></td> <td>A tab has been opened.</td> </tr> <tr> <td>TabClose</td> <td> </td> <td><em>Addons specific</em></td> <td>A tab has been closed.</td> </tr> <tr> <td>TabSelect</td> <td> </td> <td><em>Addons specific</em></td> <td>A tab has been selected.</td> </tr> <tr> <td>TabShow</td> <td> </td> <td><em>Addons specific</em></td> <td>A tab has been shown.</td> </tr> <tr> <td>TabHide</td> <td> </td> <td><em>Addons specific</em></td> <td>A tab has been hidden.</td> </tr> <tr> <td>TabPinned</td> <td> </td> <td><em>Addons specific</em></td> <td>A tab has been pinned.</td> </tr> <tr> <td>TabUnpinned</td> <td> </td> <td><em>Addons specific</em></td> <td>A tab has been unpinned.</td> </tr> </tbody> </table> <h3 id="开发者工具特定事件">开发者工具特定事件</h3> <table> <thead><tr class="firstRow"> <th>Event Name</th> <th>Event Type</th> <th>Specification</th> <th>Fired when...</th> </tr></thead> <tbody> <tr> <td>CssRuleViewRefreshed</td> <td> </td> <td><em>devtools specific</em></td> <td>The "Rules" view of the style inspector has been updated.</td> </tr> <tr> <td>CssRuleViewChanged</td> <td> </td> <td><em>devtools specific</em></td> <td>The "Rules" view of the style inspector has been changed.</td> </tr> <tr> <td>CssRuleViewCSSLinkClicked</td> <td> </td> <td><em>devtools specific</em></td> <td>A link to a CSS file has been clicked in the "Rules" view of the style inspector.</td> </tr> </tbody> </table> <p>每一个不曾起舞的日子，都是对生命的辜负。温柔正确的人总是难以生存，因为这世界既不温柔，也不正确。教育就是当一个人把在学校所学全部忘光之后剩下的东西。当你凝视深渊时，深渊也在凝视着你。</p> <p>相关推荐：《<a href="https://www.php.cn/vuejs/" target="_blank">vue.js教程</a>》</p> </td> </tr> </tbody> </table></code></td></tr> </tbody> </table><p>The above is the detailed content of What events does vuejs support?. For more information, please follow other related articles on the PHP Chinese website!</p></div><div class="nphpQianMsg"><a href="javascript:void(0);">JavaScript</a> <a href="javascript:void(0);">css</a> <a href="javascript:void(0);">chrome</a> <a href="javascript:void(0);">vue.js</a> <a href="javascript:void(0);">html</a> <a href="javascript:void(0);">edge</a> <a href="javascript:void(0);">Object</a> <a href="javascript:void(0);">Resource</a> <a href="javascript:void(0);">if</a> <a href="javascript:void(0);">switch</a> <a href="javascript:void(0);">for</a> <a href="javascript:void(0);">while</a> <a href="javascript:void(0);">select</a> <a href="javascript:void(0);">checkbox</a> <a href="javascript:void(0);">include</a> <a href="javascript:void(0);">Session</a> <a href="javascript:void(0);">try</a> <a href="javascript:void(0);">Error</a> <a href="javascript:void(0);">auto</a> <a href="javascript:void(0);">指针</a> <a href="javascript:void(0);">signal</a> <a href="javascript:void(0);">using</a> <a href="javascript:void(0);">Attribute</a> <a href="javascript:void(0);">Property</a> <a href="javascript:void(0);">Event</a> <a href="javascript:void(0);">pointer</a> <a href="javascript:void(0);">copy</a> <a href="javascript:void(0);">JS</a> <a href="javascript:void(0);">number</a> <a href="javascript:void(0);">对象</a> <a href="javascript:void(0);">事件</a> <a href="javascript:void(0);">dom</a> <a href="javascript:void(0);">this</a> <a href="javascript:void(0);">location</a> <a href="javascript:void(0);">history</a> <a href="javascript:void(0);">alert</a> <a href="javascript:void(0);">position</a> <a href="javascript:void(0);">overflow</a> <a href="javascript:void(0);">transition</a> <a href="javascript:void(0);">animation</a> <a href="javascript:void(0);">input</a> <a href="javascript:void(0);">表单事件</a> <a href="javascript:void(0);">鼠标事件</a> <a href="javascript:void(0);">窗口事件</a> <a href="javascript:void(0);">键盘事件</a> <a href="javascript:void(0);">database</a> <a href="javascript:void(0);">数据库</a> <a href="javascript:void(0);">web app</a> <a href="javascript:void(0);">http</a> <a href="javascript:void(0);">ssl</a> <a href="javascript:void(0);">websocket</a> <a href="javascript:void(0);">传感器</a> <a href="javascript:void(0);">ui</a> <a href="javascript:void(0);">prompt</a> <a href="javascript:void(0);">Access</a> <a href="javascript:void(0);">word</a><div class="clear"></div></div><div class="nphpQianSheng"><span>Statement：</span><div>The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn</div></div></div><div class="nphpSytBox"><span>Previous article：<a class="dBlack" title="What are the vue frameworks?" href="https://m.php.cn/faq/483646.html">What are the vue frameworks?</a></span><span>Next article：<a class="dBlack" title="What are the vue frameworks?" href="https://m.php.cn/faq/483649.html">What are the vue frameworks?</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Related articles</h2><em><a href="https://m.php.cn/article.html" class="bBlack"><i>See more</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/faq/483518.html" title="What props in vue pass to the parent component method?" class="aBlack">What props in vue pass to the parent component method?</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/483537.html" title="Detailed explanation of how to deploy vue in Laravel" class="aBlack">Detailed explanation of how to deploy vue in Laravel</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/483638.html" title="How to solve the problem that vuejs cannot be accessed using IP" class="aBlack">How to solve the problem that vuejs cannot be accessed using IP</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/483639.html" title="vuejs method of calling components" class="aBlack">vuejs method of calling components</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/483641.html" title="How to get elements in vuejs" class="aBlack">How to get elements in vuejs</a><div class="clear"></div></li></ul></div></div><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Public welfare online PHP training，Help PHP learners grow quickly！</p></div><div class="footermid"><a href="https://m.php.cn/about/us.html">About us</a><a href="https://m.php.cn/about/disclaimer.html">Disclaimer</a><a href="https://m.php.cn/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times \|\| -1, //100次 _interval = interval \|\| 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 \|\| _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>