iview input blur事件

对于 iview 中的 Input事件仅仅介绍 on-blur 事件，其他事件用法蕾丝.

<template><Input v-model="value"  @on-blur="change()"/>
</template>
<script>export default {data () {return {value: 'on-blur'}},methods:{oncahgn() {console.log(this.value);}}}
</script>

on-enter 按下回车键时触发    无
on-click    设置 icon 属性后，点击图标时触发  无
on-change   数据改变时触发 event
on-focus    输入框聚焦时触发    无
on-blur 输入框失去焦点时触发  无
on-keyup    原生的 keyup 事件    event
on-keydown  原生的 keydown 事件  event
on-keypress 原生的 keypress 事件 event
on-search   开启 search 时可用，点击搜索或按下回车键时触发  value
on-clear
3.4.0开启 clearable 时可用，点击清空按钮时触发

参考:https://www.iviewui.com/components/input

iview input blur事件相关推荐

踩坑 - click事件与blur事件冲突问题 input文件上传同名文件问题
前言上周写需求遇到了一点小坑涉及到一些小细节,今天赶上没啥事总结一下分享出来. click事件与blur事件冲突问题 click事件与blur事件 blur事件: 表单事件,元素失去焦点时候触发,不 ...
【原】相煎何太急——input的blur事件与button的click事件
先来一段引子,最近在写手机h5页面,主要是一些登陆注册方面的,最绕不开的就是表单元素. 我想实现的是:在输入框后边有一个删除图标,当输入东西的时候触发事件,显示删除图标,点击该图标会删除之前输入的内容 ...
VUE 表单input 框使用@blur事件
** VUE 表单input 框使用@blur事件 input 框失去焦点 ,便会触发定义的方法 form表单代码 <el-form-item label="身份证号码:" ...
JavaScript表单事件获取焦点：focus 失去焦点：blur 输入事件：input 变化事件：change
JavaScript表单事件焦点处理焦点处理主要包括focus(获取焦点)和blur(失去焦点)事件类型.所谓焦点,就是激活表单字段,使其可以响应键盘事件. 获取焦点:focus 当单击或使用Ta ...
Vue input的blur事件影响下拉框中点击事件的解决方案用mousedown/mousedown替代click
最近遇到一个需求,输入框输入关键词,要出一个带输入建议的弹框,类似于ElementUI自带的<el-autocomplete>,只是需求中的弹框底部有个分页功能,因此用不了自带的<e ...
input中的 oninput和@blur事件
oninput事件: <el-input v-model="form.peacetime" minLength="1" maxlength="8 ...
jQuery - focusin/focusout/focus/blur事件的区别与不同
focus与blur事件:不支持冒泡 focusin与focusout:支持冒泡事件触发顺序: 对于同时支持这4个事件的浏览器,事件执行顺序为focusin(聚焦) > focus > ...
input onblur事件在chrome/safari中失效
解决方案:chrome/safari中的input onblur事件要先调用focus()的.示例: <script type="text/javascript" src=& ...
div无法触发blur事件解决的方法
默认情况下div无法获取焦点,无法触发focus与blur事件,推測span,a等标签也无法触发焦点事件(input:button.及button标签能够触发) 怎样使div触发blur事件:能够给d ...

iview input blur事件

iview input blur事件

iview input blur事件相关推荐

最新文章

热门文章