欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

vuejs支持哪些事件

程序员文章站 2022-04-04 12:49:46
...

vue支持的事件:1、资源事件;2、网络事件;3、焦点事件;4、WebSocket事件;5、会话历史事件;6、CSS动画事件;7、CSS过渡事件;8、表单事件;9、打印事件;10、视图事件;11、键盘事件;12、鼠标事件;13、拖放事件等。

vuejs支持哪些事件

本教程操作环境:windows7系统、vue2.9.6版,DELL G3电脑。

vuejs中可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。

vue中v-on支持的事件总结

资源事件

事件名称 何时触发
error 资源加载失败时。
abort 正在加载资源已经被中止时。
load 资源及其相关资源已完成加载。
beforeunload window,document 及其资源即将被卸载。
unload 文档或一个依赖资源正在被卸载。

网络事件

事件名称 何时触发
online 浏览器已获得网络访问。
offline 浏览器已失去网络访问。

焦点事件

事件名称 何时触发
focus 元素获得焦点(不会冒泡)。
blur 元素失去焦点(不会冒泡)。

WebSocket 事件

事件名称 何时触发
open WebSocket 连接已建立。
message 通过 WebSocket 接收到一条消息。
error WebSocket 连接异常被关闭(比如有些数据无法发送)。
close WebSocket 连接已关闭。

会话历史事件

事件名称 何时触发
pagehide A session history entry is being traversed from.
pageshow A session history entry is being traversed to.
popstate A session history entry is being navigated to (in certain cases).

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

表单事件

事件名称 何时触发
reset 点击重置按钮时
submit 点击提交按钮

打印事件

时间名称 何时触发
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
cut 已经剪贴选中的文本内容并且复制到了剪贴板。
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 事件

  • SVGAbort

  • SVGError

  • SVGLoad

  • SVGResize

  • SVGScroll

  • SVGUnload

  • SVGZoom

数据库事件

  • abort

  • blocked

  • complete

  • error

  • success

  • upgradeneeded

  • versionchange

脚本事件

  • afterscriptexecute

  • beforescriptexecute

菜单事件

  • DOMMenuItemActive

  • DOMMenuItemInactive

窗口事件

  • close

弹出事件

  • popuphidden

  • popuphiding

  • popupshowing

  • popupshown

Tab 事件

  • visibilitychange

电池事件

  • chargingchange

  • chargingtimechange

  • dischargingtimechange

  • levelchange

呼叫事件

  • alerting

  • busy

  • callschanged

  • cfstatechange

  • connected

  • connecting

  • dialing

  • disconnected

  • disconnecting

  • error

  • held, holding

  • incoming

  • resuming

  • statechange

  • voicechange

传感器事件

  • compassneedscalibration

  • devicemotion

  • deviceorientation

  • orientationchange

智能卡事件

  • icccardlockerror

  • iccinfochange

  • smartcard-insert

  • smartcard-remove

  • stkcommand

  • stksessionend

  • cardstatechange

短信和USSD事件

  • delivered

  • receive

  • sen

  • ussdreceived

帧事件

  • mozbrowserclose

  • mozbrowsercontextmenu

  • mozbrowsererror

  • mozbrowsericonchange

  • mozbrowserlocationchange

  • mozbrowserloadend

  • mozbrowserloadstart

  • mozbrowseropenwindow

  • mozbrowsersecuritychange

  • mozbrowsershowmodalprompt

  • mozbrowsertitlechange

DOM变异事件

  • DOMAttributeNameChanged

  • DOMAttrModified

  • DOMCharacterDataModified

  • DOMContentLoaded

  • DOMElementNameChanged

  • DOMNodeInserted

  • DOMNodeInsertedIntoDocument

  • DOMNodeRemoved

  • DOMNodeRemovedFromDocument

  • DOMSubtreeModified

触摸事件

  • touchcancel

  • touchend

  • touchmove

  • touchstart

指针事件

  • pointerover

  • pointerenter

  • pointerdown

  • pointermove

  • pointerup

  • pointercancel

  • pointerout

  • pointerleave

  • gotpointercapture

  • lostpointercapture

标准事件

这些事件在官方Web规范中定义,并且应在各个浏览器中通用。 每个事件都和代表事件接收方的对象(由此您可以查到每个事件提供的数据),定义这个事件的标准或标准链接会一起列出。

事件名称 事件类型 触发时机...
abort UIEvent 资源载入已被中止
abort ProgressEvent Progress被终止(不是error造成的)
abort Event 事务已被中止
afterprint Event 相关文档已开始打印或打印预览已被关闭
animationcancel AnimationEvent A CSS animation has aborted.
animationend AnimationEvent 完成一个CSS 动画
animationiteration AnimationEvent 重复播放一个CSS 动画
animationstart AnimationEvent 一个 CSS 动画已开始
appinstalled Event A web application is successfully installed as a progressive web app.
audioprocess AudioProcessingEvent 一个ScriptProcessorNode 的输入缓冲区可处理
audioend Event 用户代理捕捉到用以语音识别的音频
audiostart Event 用户代理开始捕捉用以语音识别的音频
beforeprint Event 相关文档将要开始打印或准备打印预览
beforeunload BeforeUnloadEvent 即将卸载 window,document 及其资源
beginEvent TimeEvent A SMIL animation element begins.
blocked An open connection to a database is blocking a versionchange transaction on the same database.
blur FocusEvent An element has lost focus (does not bubble).
boundary SpeechSynthesisEvent The spoken utterance reaches a word or sentence boundary
canplay Event 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 The user agent can play the media up to its end without having to stop for further buffering of content.
change Event 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 The battery begins or stops charging.
chargingtimechange Event The chargingTime attribute has been updated.
click MouseEvent A pointing device button has been pressed and released on an element.
close Event A WebSocket connection has been closed.
complete A transaction successfully completed.
complete OfflineAudioCompletionEvent The rendering of an OfflineAudioContext is terminated.
compositionend CompositionEvent The composition of a passage of text has been completed or canceled.
compositionstart CompositionEvent 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 A character is added to a passage of text being composed.
contextmenu MouseEvent The right button of the mouse is clicked (before the context menu is displayed).
copy ClipboardEvent The text selection has been added to the clipboard.
cut ClipboardEvent The text selection has been removed from the document and added to the clipboard.
dblclick MouseEvent A pointing device button is clicked twice on an element.
devicechange Event A media device such as a camera, microphone, or speaker is connected or removed from the system.
devicemotion DeviceMotionEvent Fresh data is available from a motion sensor.
deviceorientation DeviceOrientationEvent Fresh data is available from an orientation sensor.
dischargingtimechange Event The dischargingTime attribute has been updated.
DOMActivate UIEvent A button, link or state changing element is activated (use click instead).
DOMAttributeNameChanged MutationNameEvent The name of an attribute changed (use mutation observers instead).
DOMAttrModified MutationEvent The value of an attribute has been modified (use mutation observers instead).
DOMCharacterDataModified MutationEvent A text or another CharacterData has changed (use mutation observers instead).
DOMContentLoaded Event The document has finished loading (but not its dependent resources).
DOMElementNameChanged MutationNameEvent The name of an element changed (use mutation observers instead).
DOMFocusIn FocusEvent An element has received focus (use focus or focusin instead).
DOMFocusOut FocusEvent An element has lost focus (use blur or focusout instead).
DOMNodeInserted MutationEvent A node has been added as a child of another node (use mutation observers instead).
DOMNodeInsertedIntoDocument MutationEvent A node has been inserted into the document (use mutation observers instead).
DOMNodeRemoved MutationEvent A node has been removed from its parent node (use mutation observers instead).
DOMNodeRemovedFromDocument MutationEvent A node has been removed from the document (use mutation observers instead).
DOMSubtreeModified MutationEvent A change happened in the document (use mutation observers instead).
drag DragEvent An element or text selection is being dragged (every 350ms).
dragend DragEvent A drag operation is being ended (by releasing a mouse button or hitting the escape key).
dragenter DragEvent A dragged element or text selection enters a valid drop target.
dragleave DragEvent A dragged element or text selection leaves a valid drop target.
dragover DragEvent An element or text selection is being dragged over a valid drop target (every 350ms).
dragstart DragEvent The user starts dragging an element or text selection.
drop DragEvent An element is dropped on a valid drop target.
durationchange Event The duration attribute has been updated.
emptied Event 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 The speech recognition service has disconnected.
end SpeechSynthesisEvent The utterance has finished being spoken.
ended Event Playback has stopped because the end of the media was reached.
ended Event Playback has stopped because the end of the media was reached.
endEvent TimeEvent A SMIL animation element ends.
error UIEvent A resource failed to load.
error ProgressEvent Progression has failed.
error Event A WebSocket connection has been closed with prejudice (some data couldn't be sent for example).
error Event An event source connection has been failed.
error Event A request caused an error and failed.
error Event A speech recognition error occurs.
error SpeechSynthesisErrorEvent An error occurs that prevents the utterance from being successfully spoken.
focus FocusEvent An element has received focus (does not bubble).
focusin FocusEvent An element is about to receive focus (bubbles).
focusout FocusEvent An element is about to lose focus (bubbles).
fullscreenchange Event An element was turned to fullscreen mode or back to normal mode.
fullscreenerror Event It was impossible to switch to fullscreen mode for technical reasons or because the permission was denied.
gamepadconnected GamepadEvent A gamepad has been connected.
gamepaddisconnected GamepadEvent A gamepad has been disconnected.
gotpointercapture PointerEvent Element receives pointer capture.
hashchange HashChangeEvent The fragment identifier of the URL has changed (the part of the URL after the #).
lostpointercapture PointerEvent Element lost pointer capture.
input Event The value of an element changes or the content of an element with the attribute contenteditable is modified.
invalid Event A submittable element has been checked and doesn't satisfy its constraints.
keydown KeyboardEvent A key is pressed down.
keypress KeyboardEvent A key is pressed down and that key normally produces a character value (use input instead).
keyup KeyboardEvent A key is released.
languagechange Event The user's preferred languages have changed.
levelchange Event The level attribute has been updated.
load UIEvent A resource and its dependent resources have finished loading.
load ProgressEvent Progression has been successful.
loadeddata Event The first frame of the media has finished loading.
loadedmetadata Event The metadata has been loaded.
loadend ProgressEvent Progress has stopped (after "error", "abort" or "load" have been dispatched).
loadstart ProgressEvent Progress has begun.
mark SpeechSynthesisEvent The spoken utterance reaches a named SSML "mark" tag.
message MessageEvent A message is received through a WebSocket.
message MessageEvent A message is received from a Web Worker.
message MessageEvent A message is received from a child (i)frame or a parent window.
message MessageEvent A message is received through an event source.
messageerror MessageEvent A message error is raised when a message is received by an object.
message ServiceWorkerMessageEvent or ExtendableMessageEvent, depending on context. A message is received from a service worker, or a message is received in a service worker from another context.
mousedown MouseEvent A pointing device button (usually a mouse) is pressed on an element.
mouseenter MouseEvent A pointing device is moved onto the element that has the listener attached.
mouseleave MouseEvent A pointing device is moved off the element that has the listener attached.
mousemove MouseEvent A pointing device is moved over an element.
mouseout MouseEvent A pointing device is moved off the element that has the listener attached or off one of its children.
mouseover MouseEvent A pointing device is moved onto the element that has the listener attached or onto one of its children.
mouseup MouseEvent A pointing device button is released over an element.
nomatch SpeechRecognitionEvent The speech recognition service returns a final result with no significant recognition.
notificationclick NotificationEvent A system notification spawned by ServiceWorkerRegistration.showNotification() has been clicked.
offline Event The browser has lost access to the network.
online Event The browser has gained access to the network (but particular websites might be unreachable).
open Event A WebSocket connection has been established.
open Event An event source connection has been established.
orientationchange Event The orientation of the device (portrait/landscape) has changed
pagehide PageTransitionEvent A session history entry is being traversed from.
pageshow PageTransitionEvent A session history entry is being traversed to.
paste ClipboardEvent Data has been transferred from the system clipboard to the document.
pause Event Playback has been paused.
pause SpeechSynthesisEvent The utterance is paused part way through.
pointercancel PointerEvent The pointer is unlikely to produce any more events.
pointerdown PointerEvent The pointer enters the active buttons state.
pointerenter PointerEvent Pointing device is moved inside the hit-testing boundary.
pointerleave PointerEvent Pointing device is moved out of the hit-testing boundary.
pointerlockchange Event The pointer was locked or released.
pointerlockerror Event It was impossible to lock the pointer for technical reasons or because the permission was denied.
pointermove PointerEvent The pointer changed coordinates.
pointerout PointerEvent The pointing device moved out of hit-testing boundary or leaves detectable hover range.
pointerover PointerEvent The pointing device is moved into the hit-testing boundary.
pointerup PointerEvent The pointer leaves the active buttons state.
play Event Playback has begun.
playing Event Playback is ready to start after having been paused or delayed due to lack of data.
popstate PopStateEvent A session history entry is being navigated to (in certain cases).
progress ProgressEvent In progress.
push PushEvent A Service Worker has received a push message.
pushsubscriptionchange PushEvent A PushSubscription has expired.
ratechange Event The playback rate has changed.
readystatechange Event The readyState attribute of a document has changed.
repeatEvent TimeEvent A SMIL animation element is repeated.
reset Event A form is reset.
resize UIEvent The document view has been resized.
resourcetimingbufferfull Performance The browser's resource timing buffer is full.
result SpeechRecognitionEvent 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 A paused utterance is resumed.
scroll UIEvent The document view or an element has been scrolled.
seeked Event A seek operation completed.
seeking Event A seek operation began.
select UIEvent Some text is being selected.
selectstart Event A selection just started.
selectionchange Event The selection in the document has been changed.
show MouseEvent A contextmenu event was fired on/bubbled to an element that has a contextmenu attribute
slotchange Event The node contents of a HTMLSlotElement (<slot>) have changed.
soundend Event Any sound — recognisable speech or not — has stopped being detected.
soundstart Event Any sound — recognisable speech or not — has been detected.
speechend Event Speech recognised by the speech recognition service has stopped being detected.
speechstart Event Sound that is recognised by the speech recognition service as speech has been detected.
stalled Event The user agent is trying to fetch media data, but data is unexpectedly not forthcoming.
start Event The speech recognition service has begun listening to incoming audio with intent to recognize grammars associated with the current SpeechRecognition.
start SpeechSynthesisEvent The utterance has begun to be spoken.
storage StorageEvent A storage area (localStorage or sessionStorage) has changed.
submit Event A form is submitted.
success Event A request successfully completed.
suspend Event Media data loading has been suspended.
SVGAbort SVGEvent Page loading has been stopped before the SVG was loaded.
SVGError SVGEvent An error has occurred before the SVG was loaded.
SVGLoad SVGEvent An SVG document has been loaded and parsed.
SVGResize SVGEvent An SVG document is being resized.
SVGScroll SVGEvent An SVG document is being scrolled.
SVGUnload SVGEvent An SVG document has been removed from a window or frame.
SVGZoom SVGZoomEvent An SVG document is being zoomed.
timeout ProgressEvent
timeupdate Event The time indicated by the currentTime attribute has been updated.
touchcancel TouchEvent A touch point has been disrupted in an implementation-specific manners (too many touch points for example).
touchend TouchEvent A touch point is removed from the touch surface.
touchmove TouchEvent A touch point is moved along the touch surface.
touchstart TouchEvent A touch point is placed on the touch surface.
transitionend TransitionEvent A CSS transition has completed.
unload UIEvent The document or a dependent resource is being unloaded.
upgradeneeded 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 Fresh data is available from a proximity sensor (indicates whether the nearby object is near the device or not).
voiceschanged Event The list of SpeechSynthesisVoice objects that would be returned by the SpeechSynthesis.getVoices() method has changed (when the voiceschanged event fires.)
versionchange A versionchange transaction completed.
visibilitychange Event The content of a tab has become visible or has been hidden.
volumechange Event The volume has changed.
waiting Event Playback has stopped because of a temporary lack of data.
wheel WheelEvent A wheel button of a pointing device is rotated in any direction.

非标准事件

Event Name Event Type Fired when...
afterscriptexecute Event A script has been executed.
beforescriptexecute Event A script is about to be executed.
beforeinstallprompt Event A user is prompted to save a web site to a home screen on mobile.
cardstatechange The MozMobileConnection.cardState property changes value.
change DeviceStorageChangeEvent This event is triggered each time a file is created, modified or deleted on a given storage area.
connectionInfoUpdate The informations about the signal strength and the link speed have been updated.
cfstatechange The call forwarding state changes.
datachange The MozMobileConnection.data object changes values.
dataerror The MozMobileConnection.data object receive an error from the RIL.
DOMMouseScroll The wheel button of a pointing device is rotated (detail attribute is a number of lines). (use wheel instead)
dragdrop DragEvent An element is dropped (use drop instead).
dragexit DragEvent A drag operation is being ended(use dragend instead).
draggesture DragEvent The user starts dragging an element or text selection (use dragstart instead).
icccardlockerror the MozMobileConnection.unlockCardLock() or MozMobileConnection.setCardLock() methods fails.
iccinfochange The MozMobileConnection.iccInfo object changes.
localized The page has been localized using data-l10n-* attributes.
mousewheel The wheel button of a pointing device is rotated.
MozAudioAvailable Event The audio buffer is full and the corresponding raw samples are available.
MozBeforeResize A window is about to be resized.
mozbrowseractivitydone Sent when some activity has been completed (complete description TBD.)
mozbrowserasyncscroll Sent when the scroll position within a browser <iframe> changes.
mozbrowseraudioplaybackchange Sent when audio starts or stops playing within the browser <iframe> content.
mozbrowsercaretstatechanged Sent when the text selected inside the browser <iframe> content changes.
mozbrowserclose Sent when window.close() is called within a browser <iframe>.
mozbrowsercontextmenu Sent when a browser <iframe> try to open a context menu.
mozbrowserdocumentfirstpaint Sent when a new paint occurs on any document in the browser <iframe>.
mozbrowsererror Sent when an error occured while trying to load a content within a browser iframe
mozbrowserfindchange Sent when a search operation is performed on the browser <iframe> content (see HTMLIFrameElement search methods.)
mozbrowserfirstpaint Sent when the <iframe> paints content for the first time (this doesn't include the initial paint from about:blank.)
mozbrowsericonchange Sent when the favicon of a browser iframe changes.
mozbrowserlocationchange Sent when an browser iframe's location changes.
mozbrowserloadend Sent when the browser iframe has finished loading all its assets.
mozbrowserloadstart Sent when the browser iframe starts to load a new page.
mozbrowsermanifestchange Sent when a the path to the app manifest changes, in the case of a browser <iframe> with an open web app embedded in it.
mozbrowsermetachange Sent when a <meta> elelment is added to, removed from or changed in the browser <iframe>'s content.
mozbrowseropensearch Sent when a link to a search engine is found.
mozbrowseropentab Sent when a new tab is opened within a browser <iframe> as a result of the user issuing a command to open a link target in a new tab (for example ctrl/cmd + click.)
mozbrowseropenwindow Sent when window.open() is called within a browser iframe.
mozbrowserresize Sent when the browser <iframe>'s window size has changed.
mozbrowserscroll Sent when the browser <iframe> content scrolls.
mozbrowserscrollareachanged Sent when the available scrolling area in the browser <iframe> changes. This can occur on resize and when the page size changes (while loading for example.)
mozbrowserscrollviewchange Sent when asynchronous scrolling (i.e. APCZ) starts or stops.
mozbrowsersecuritychange Sent when the SSL state changes within a browser iframe.
mozbrowserselectionstatechanged Sent when the text selected inside the browser <iframe> content changes. Note that this is deprecated, and newer implementations use mozbrowsercaretstatechanged instead.
mozbrowsershowmodalprompt Sent when alert(), confirm() or prompt() are called within a browser iframe
mozbrowsertitlechange Sent when the document.title changes within a browser iframe.
mozbrowserusernameandpasswordrequired Sent when an HTTP authentification is requested.
mozbrowservisibilitychange Sent when the visibility state of the current browser iframe <iframe> changes, for example due to a call to setVisible().
MozGamepadButtonDown A gamepad button is pressed down.
MozGamepadButtonUp A gamepad button is released.
MozMousePixelScroll The wheel button of a pointing device is rotated (detail attribute is a number of pixels). (use wheel instead)
MozOrientation Fresh data is available from an orientation sensor (see deviceorientation).
MozScrolledAreaChanged UIEvent The document view has been scrolled or resized.
moztimechange The time of the device has been changed.
MozTouchDown A touch point is placed on the touch surface (use touchstart instead).
MozTouchMove A touch point is moved along the touch surface (use touchmove instead).
MozTouchUp A touch point is removed from the touch surface (use touchend instead).
alerting CallEvent The correspondent is being alerted (his/her phone is ringing).
busy CallEvent The line of the correspondent is busy.
callschanged CallEvent A call has been added or removed from the list of current calls.
onconnected connected CallEvent A call has been connected.
connecting CallEvent A call is about to connect.
delivered SMSEvent An SMS has been successfully delivered.
dialing CallEvent The number of a correspondent has been dialed.
disabled Wifi has been disabled on the device.
disconnected CallEvent A call has been disconnected.
disconnecting CallEvent A call is about to disconnect.
enabled Wifi has been enabled on the device.
error CallEvent An error occurred.
held CallEvent A call has been held.
holding CallEvent A call is about to be held.
incoming CallEvent A call is being received.
received SMSEvent An SMS has been received.
resuming CallEvent A call is about to resume.
sent SMSEvent An SMS has been sent.
statechange CallEvent The state of a call has changed.
statuschange The status of the Wifi connection changed.
overflow UIEvent 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 overflow != visible).
smartcard-insert A smartcard has been inserted.
smartcard-remove A smartcard has been removed.
stkcommand The STK Proactive Command is issued from ICC.
stksessionend The STK Session is terminated by ICC.
touchenter TouchEvent
touchleave TouchEvent
underflow UIEvent An element is no longer overflowed by its content (only works for elements styled with overflow != visible).
uploadprogress ProgressEvent Upload is in progress (see progress).

ussdreceived

A new USSD message is received
voicechange The MozMobileConnection.voice object changes values.
msContentZoom
MSManipulationStateChanged
MSPointerHover

Mozilla 特定事件

注意:这些事件不会暴露给 Web 内容使用,只能在 chrome 内容的上下文中使用。

XUL 事件

Event Name Event Type Specification Fired when...
broadcast XUL An observer noticed a change to the attributes of a watched broadcaster.
CheckboxStateChange XUL The state of a checkbox has been changed either by a user action or by a script (useful for accessibility).
close XUL The close button of the window has been clicked.
command XUL An element has been activated.
commandupdate XUL A command update occurred on a commandset element.
DOMMenuItemActive XUL A menu or menuitem has been hovered or highlighted.
DOMMenuItemInactive XUL A menu or menuitem is no longer hovered or highlighted.
popuphidden PopupEvent XUL A menupopup, panel or tooltip has been hidden.
popuphiding PopupEvent XUL A menupopup, panel or tooltip is about to be hidden.
popupshowing PopupEvent XUL A menupopup, panel or tooltip is about to become visible.
popupshown PopupEvent XUL A menupopup, panel or tooltip has become visible.
RadioStateChange XUL The state of a radio has been changed either by a user action or by a script (useful for accessibility).
ValueChange XUL The value of an element has changed (a progress bar for example, useful for accessibility).

附加组件特定事件

Event Name Event Type Specification Fired when...
MozSwipeGesture Addons specific A touch point is swiped across the touch surface
MozMagnifyGestureStart Addons specific Two touch points start to move away from each other.
MozMagnifyGestureUpdate Addons specific Two touch points move away from each other (after a MozMagnifyGestureStart).
MozMagnifyGesture Addons specific Two touch points moved away from each other (after a sequence of MozMagnifyGestureUpdate).
MozRotateGestureStart Addons specific Two touch points start to rotate around a point.
MozRotateGestureUpdate Addons specific Two touch points rotate around a point (after a MozRotateGestureStart).
MozRotateGesture Addons specific Two touch points rotate around a point (after a sequence of MozRotateGestureUpdate).
MozTapGesture Addons specific Two touch points are tapped on the touch surface.
MozPressTapGesture Addons specific A "press-tap" gesture happened on the touch surface (first finger down, second finger down, second finger up, first finger up).
MozEdgeUIGesture Addons specific A touch point is swiped across the touch surface to invoke the edge UI (Win8 only).
MozAfterPaint Addons specific Content has been repainted.
DOMPopupBlocked Addons specific A popup has been blocked
DOMWindowCreated Addons specific A window has been created.
DOMWindowClose Addons specific A window is about to be closed.
DOMTitleChanged Addons specifc The title of a window has changed.
DOMLinkAdded Addons specifc A link has been added a document.
DOMLinkRemoved Addons specifc A link has been removed inside from a document.
DOMMetaAdded Addons specific A meta element has been added to a document.
DOMMetaRemoved Addons specific A meta element has been removed from a document.
DOMWillOpenModalDialog Addons specific A modal dialog is about to open.
DOMModalDialogClosed Addons specific A modal dialog has been closed.
DOMAutoComplete Addons specific The content of an element has been auto-completed.
DOMFrameContentLoaded Addons specific The frame has finished loading (but not its dependent resources).
AlertActive Addons specific A notification element is shown.
AlertClose Addons specific A notification element is closed.
fullscreen Addons specific Browser fullscreen mode has been entered or left.
sizemodechange Addons specific Window has entered/left fullscreen mode, or has been minimized/unminimized.
MozEnteredDomFullscreen Addons specific DOM fullscreen mode has been entered.
SSWindowClosing Addons specific The session store will stop tracking this window.
SSTabClosing Addons specific The session store will stop tracking this tab.
SSTabRestoring Addons specific A tab is about to be restored.
SSTabRestored Addons specific A tab has been restored.
SSWindowStateReady Addons specific A window state has switched to "ready".
SSWindowStateBusy Addons specific A window state has switched to "busy".
TabOpen Addons specific A tab has been opened.
TabClose Addons specific A tab has been closed.
TabSelect Addons specific A tab has been selected.
TabShow Addons specific A tab has been shown.
TabHide Addons specific A tab has been hidden.
TabPinned Addons specific A tab has been pinned.
TabUnpinned Addons specific A tab has been unpinned.

开发者工具特定事件

Event Name Event Type Specification Fired when...
CssRuleViewRefreshed devtools specific The "Rules" view of the style inspector has been updated.
CssRuleViewChanged devtools specific The "Rules" view of the style inspector has been changed.
CssRuleViewCSSLinkClicked devtools specific A link to a CSS file has been clicked in the "Rules" view of the style inspector.

每一个不曾起舞的日子,都是对生命的辜负。 温柔正确的人总是难以生存,因为这世界既不温柔,也不正确。 教育就是当一个人把在学校所学全部忘光之后剩下的东西。 当你凝视深渊时,深渊也在凝视着你。

相关推荐:《vue.js教程

以上就是vuejs支持哪些事件的详细内容,更多请关注其它相关文章!

相关标签: vuejs 事件