项目场景：

今处理公司扫码枪录入信息，扫码枪录入信息原理就是input输入框聚焦，然后输入字段，此处注意输入法在中文状态下扫码枪录入的信息录入不全，因此需要判断输入框状态为中文还是英文，扫码枪在英文状态下会自动回车此时还有一点需注意判断输入框是否输入完成

判断输入框是否输入完成

思路：利用定时器，让函数执行延迟500毫秒，在500毫秒内如果有函数又被调用则删除上一次调用，这次调用500毫秒后执行，如此往复。就是当你停止输入500毫秒后才会执行函数

data(){return{lastTime:0,
keyword:""}}watch:{keyword(newVal){if(this.lastTime == 0){ this.lastTime = setTimeout(()=>{// AJAX(newVal)},2000)}else{clearTimeout(this.lastTime)this.lastTime = setTimeout(()=>{// AJAX(newVal)},2000)}
}}

keyword是输入框的值也就是扫码枪的结果此时需要解码

decodeURIComponent（keyword）就可以得到我们想要的值

vue 监听input停止输入后发送请求相关推荐

vue-resource 通过监听键盘Enter键来发送请求，请求失败，Status=cancle(Chrome)
vue的input标签: <input type="search" class="weui-search-bar__input" v-bind:place ...
jquery 监听input输入停止，实现文本框自动跳转
今天学到了一个新的东西,在此记录一下我遇到了一个这样的需求:添加扫描一条数据,无鼠标键盘.工具:扫描枪,动作:扫描两个条码扫描抢扫描时,扫描出来的数据是显示在当前焦点上,用input的文本框来保存 ...
vue输入框输入触发事件_详解.vue文件中监听input输入事件（oninput）
详解.vue文件中监听input输入事件(oninput) .vue文件其实是一个组件,关于它的说明我之前也写过一篇文章,地址:.vue文件,今天这篇文章要讲的是.vue文件中监听input的输入值变 ...
vue输入框输入触发事件_.vue文件中监听input输入事件oninput详解
.vue文件其实是一个组件,关于它的说明我之前也写过一篇文章,地址:.vue文件,今天这篇文章要讲的是.vue文件中监听input的输入值变化事件.需求是这页面中,改变input的值,就调用一个事件, ...
html5输入法完成事件,监听Input在中文输入法下输入事件
正常情况下,如果想要监听输入框的输入事件并做一些其他的事比如实时搜索啥的,可以通过 input.addEventListener('input', function(event) {//do some ...
onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法(设置readonly后onchange不起作用的解决方案)
onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法(设置readonly后onchange不起作用的解决方案) 参考文章: (1)onchange监听inpu ...
vue监听浏览器刷新和关闭事件，并在页面关闭/刷新前发送请求
vue监听浏览器刷新和关闭事件,并在页面关闭/刷新前发送请求 1.需求背景: 2.需求分析: 3.实现方式: 4.实现方式解析: 1)浏览器页面事件基础 2)在mounted监听beforeunloa ...
onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法
1. onchange事件监听input值变化的使用方法: <input id="test"></input>$("input").ch ...
onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法(设置readonly后onchange不起作用的解决方案)...
转自:https://www.cnblogs.com/white0710/p/7338456.html 1. onchange事件监听input值变化的使用方法: <input id=" ...

vue 监听input停止输入后发送请求

项目场景：

判断输入框是否输入完成

vue 监听input停止输入后发送请求相关推荐

最新文章

热门文章