vuejs中的失去焦点事件是什么
程序员文章站
2022-03-04 20:33:16
...
vuejs中的失去焦点事件是“@blur”,当元素失去焦点时会触发该事件,使用方法:在标签模板中添加“@blur="事件处理函数"”语句绑定事件,使用JavaScript设置触发事件时需要执行的代码即可。
本教程操作环境:windows7系统、vue2.9.6版,DELL G3电脑。
@blur
是当元素失去焦点时所触发的事件
@focus
是元素获取焦点时所触发的事件
示例:
<template> <div> <!-- @blur 当元素失去焦点时触发blur事件 --> <div> <input type="text" placeholder="请输入内容" @blur="blurText"/> </div> </div> </template> <script> export default { name: "commitText", methods:{ blurText(){ console.log("blur事件被执行了") } } } </script> <style scoped> </style>
相关推荐:《vue.js教程》
以上就是vuejs中的失去焦点事件是什么的详细内容,更多请关注其它相关文章!
推荐阅读
-
解决Js先触发失去焦点事件再执行点击事件的问题
-
介良事件是怎么回事?介良事件中的不明飞行物是什么?
-
vuejs中监听窗口关闭和窗口刷新事件的方法
-
唐朝中晚期的藩镇割据之乱中,最为著名的事件是什么?
-
Selenium一些特殊情况的处理:失去焦点、点击不生效、长页面处理、先触发事件才能动态加载的元素、日期输入
-
vue实现百度地图坐标与input框地址的双向绑定(点击地图改变标注位置且具体位置显示在input框或input框中输入地址失去焦点后能在地图中定位)
-
介良事件是怎么回事?介良事件中的不明飞行物是什么?
-
解决Js先触发失去焦点事件再执行点击事件的问题
-
搜索框的输入与失去焦点事件控制搜索结果(微信小程序)
-
惊魂时刻!技术生涯中遇到的最让你担惊受怕的事件是什么? LotusJNIBorlandGoJVM