AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

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

2022-12-08 131
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： vue中v-on支持的事件总结 （2）

非标准事件

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

ussdreceived

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

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.
文章标签：
JavaScript
前端开发
传感器
网络安全
Web App开发
开发者
关键词：
事件VUE.js
vue事件VUE.js
v-on VUE.js
vue v-on VUE.js
v-on事件VUE.js
torchstars
目录
相关文章
程序员彭于晏
|
23天前
|
JavaScript API 开发者
Vue是如何进行组件化的
Vue是如何进行组件化的
程序员彭于晏
25 1
九月天空
|
23天前
|
JavaScript 前端开发 开发者
Vue是如何劫持响应式对象的
Vue是如何劫持响应式对象的
九月天空
21 1
G0518
|
23天前
|
JavaScript 前端开发 API
介绍一下Vue中的响应式原理
介绍一下Vue中的响应式原理
G0518
27 1
程序员彭于晏
|
23天前
|
JavaScript 前端开发 开发者
Vue是如何进行组件化的
Vue是如何进行组件化的
程序员彭于晏
34 0
程序员彭于晏
|
23天前
|
存储 JavaScript 前端开发
介绍一下Vue的核心功能
介绍一下Vue的核心功能
程序员彭于晏
34 0
凌浩雨
|
JavaScript 测试技术 容器
Vue2+VueRouter2+webpack 构建项目
1). 安装Node环境和npm包管理工具 检测版本 node -v npm -v 图1.png 2). 安装vue-cli(vue脚手架) npm install -g vue-cli --registry=https://registry.
凌浩雨
1059 0
大树营养快线
|
25天前
|
JavaScript 前端开发 开发者
vue 数据驱动视图
总之，Vue 数据驱动视图是一种先进的理念和技术，它为前端开发带来了巨大的便利和优势。通过理解和应用这一特性，开发者能够构建出更加动态、高效、用户体验良好的前端应用。在不断发展的前端领域中，数据驱动视图将继续发挥重要作用，推动着应用界面的不断创新和进化。
大树营养快线
26 2
雨溪-yuxi
|
26天前
|
JavaScript 前端开发 开发者
vue学习第一章
欢迎来到我的博客！我是瑞雨溪，一名热爱前端的大一学生，专注于JavaScript与Vue，正向全栈进发。博客分享Vue学习心得、命令式与声明式编程对比、列表展示及计数器案例等。关注我，持续更新中！🎉🎉🎉
雨溪-yuxi
31 1
vue学习第一章
雨溪-yuxi
|
26天前
|
JavaScript 前端开发 索引
vue学习第三章
欢迎来到瑞雨溪的博客，一名热爱JavaScript与Vue的大一学生。本文介绍了Vue中的v-bind指令，包括基本使用、动态绑定class及style等，希望能为你的前端学习之路提供帮助。持续关注，更多精彩内容即将呈现！🎉🎉🎉
雨溪-yuxi
24 1
vue学习第三章
雨溪-yuxi
|
26天前
|
缓存 JavaScript 前端开发
vue学习第四章
欢迎来到我的博客！我是瑞雨溪，一名热爱JavaScript与Vue的大一学生。本文介绍了Vue中计算属性的基本与复杂使用、setter/getter、与methods的对比及与侦听器的总结。如果你觉得有用，请关注我，将持续更新更多优质内容！🎉🎉🎉
雨溪-yuxi
35 1
vue学习第四章

热门文章

最新文章

  • 1
    VS Code书写vue项目配置 eslint+prettier 统一代码风格
  • 2
    VueJS && ReactJS 如何？听听别人怎么说。
  • 3
    基于element-plus实现vue3+ts后台管理系统的组件封装(只需传入配置对象，就可以渲染出一个页面(表单+表格))
  • 4
    vue3—使用element-plus表格导出excel表格（带图片）
  • 5
    将vue项目打包成电脑端应用.exe
  • 6
    Nestjs+Vue实现阿里云OSS服务端签名直传
  • 7
    vue之webpack打包原理和用法详解
  • 8
    中文代码示例之Vuejs入门教程(一)
  • 9
    基于Serverless函数计算FC一键搭建VUE3.0脚手架
  • 10
    浏览器垃圾回收机制与 Vue 项目内存泄漏分析
  • 1
    使用Vue.js构建交互式前端的技术探索
    87
  • 2
    ruoyi-nbcio-plus基于vue3的flowable为了适配文件上传改造VForm3的代码记录
    161
  • 3
    vue2升级到vue3的一些使用注意事项记录(四）
    131
  • 4
    ruoyi-nbcio-plus基于vue3的flowable收回任务后重新进行提交表单的处理
    147
  • 5
    ruoyi-nbcio-plus基于vue3的flowable多租户机制
    177
  • 6
    ruoyi-nbcio-plus基于vue3的flowable的消息中心我的消息的升级修改
    103
  • 7
    vue3中使用动态组件
    102
  • 8
    Vue 3 中 ＜transition-group＞ 组件报错的非 props 属性传递问题
    140
  • 9
    ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改
    72
  • 10
    ruoyi-nbcio-plus基于vue3的flowable的支持自定义业务流程处理页面detail.vue的升级修改
    120

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程
  • React 入门与实战

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • 利用编译将 Vue 组件转成 React 组件
  • Vue.js在前端服务化上的实践与探索
    • 下一篇
    fs.oss.accessKeyId和fs.oss.accessKeySecret。