js 获取扫码枪输入值 监听扫码枪输入事件
扫码枪:外设输入设备。输入时触发keydown 事件。扫码结束时自动输入enter键值。
百度的方法主流是监听:keydown时间不一样来判断是键盘输入还是扫码枪输入。然后记录到js变量。或者元素标签上
这是不想给输入框设置焦点时的做法。
而我懒得区分输入设备是什么,手动输入、还是扫码输入我都不care。搞清楚这点后,只能给输入框默认个焦点就解决了。唯一难题时实际操作时需要挪动鼠标点一下
输入框获取光标焦点。而只要解决这个难题比上面判断输入时间间隔不要太简单。我的思路如下:
- 弹出一个界面用于获取扫码枪的扫描结果
- 当鼠标位于弹出界面内,默认设置输入框的光标焦点事件。(因为刚弹出的界面你没有设置光标焦点事件的话,原则上document代表不是弹出页面。所以keydown事件不会在弹出界面响应的)
- 不管手动输入、还是扫码枪输入支付码都可以。只需要下方绑定下鼠标的悬浮事件就ok了
//当前页面添加绑定事件
$(document).bind("mouseover",function(e){//当前页面中获取焦点所在的元素if ($(":focus").length <= 0) {//防止初始化时元素未渲染号所以使用延迟设置焦点事件var focusDom = $('#submit_PAY_CODE');setTimeout(function(){$(focusDom).focus();},50);}
});
js 获取扫码枪输入值 监听扫码枪输入事件相关推荐
- vue输入框输入触发事件_详解.vue文件中监听input输入事件(oninput)
详解.vue文件中监听input输入事件(oninput) .vue文件其实是一个组件,关于它的说明我之前也写过一篇文章,地址:.vue文件,今天这篇文章要讲的是.vue文件中监听input的输入值变 ...
- vue输入框输入触发事件_.vue文件中监听input输入事件oninput详解
.vue文件其实是一个组件,关于它的说明我之前也写过一篇文章,地址:.vue文件,今天这篇文章要讲的是.vue文件中监听input的输入值变化事件.需求是这页面中,改变input的值,就调用一个事件, ...
- php 监听条码枪输入,使用jQuery监听扫码枪输入并禁止手动输入的实现方法
@(知识点总结)[jquery|扫码抢] 基于jQuery的扫码枪监听.如果只是想实现监听获取条码扫码信息,可以直接拿来使用,如果有更多的条码判断处理逻辑需要自己扩展. 一.功能需求 使用扫码枪扫描条 ...
- jquery 监听input输入停止,实现文本框自动跳转
今天学到了一个新的东西,在此记录一下 我遇到了一个这样的需求:添加扫描一条数据,无鼠标键盘.工具:扫描枪,动作:扫描两个条码 扫描抢扫描时,扫描出来的数据是显示在当前焦点上,用input的文本框来保存 ...
- html输入框禁止输入汉字,input输入框输入中文时,监听的input事件怎样屏蔽拼音状态...
在input输入框输入中文时,需要即时查询出匹配输入内容的结果,一般我们会使用input事件监听用户输入事件,但是在输入汉语拼音时,也会触发input事件,前端就会不断发送请求,用户体验非常差劲. 针 ...
- php 监听条码枪输入,使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)...
基于jQuery的扫码枪监听.如果只是想实现监听获取条码扫码信息,可以直接拿来使用,如果有更多的条码判断处理逻辑需要自己扩展. 一.功能需求 使用扫码枪扫描条码,在一个web页面监听获取扫码枪的数据, ...
- php 监听 扫描枪,jquery监听扫码枪获得值
客户一直说 扫码枪要一直获得焦点才能用,用户体验差 ,想做一个 在这个页面 有没有焦点都要获得到值,想了一下 只有用监听的方式了 // 写一个监听扫描枪 事件的方法 var code = ''; va ...
- python监听扫码枪扫描数据
背景:当扫码枪扫描达到输入的数量N时,自动调用打印机打印N个数据的二维码. 实现:因为需要一直监听扫码枪扫描数据的状态,因此创建线程.但是在调试的时候发现,扫码枪扫描的数据并不是一次性出来的,而是一个 ...
- Vue.js 之 组件-监听子组件事件
1.监听子组件事件 前面介绍了父组件如何通过 prop 向子组件传递数据,反过来,子组件如何向父组件通信呢? 在 Vue.js 中,这是通过自定义事件来实现的,子组件使用 $emit() 方法触发事件 ...
最新文章
- 专访阿里 iDST 语音组总监鄢志杰:智能语音交互从技术到产品,有哪些坑和细节要注意?
- MariaDB配置慢日志
- 论文阅读计划2(Deep Joint Rain Detection and Removal from a Single Image)
- 因为WPFe JavaScript到了不得不学的地步
- 大熊猫卸妆后_您不应错过的6大熊猫行动
- 1982:【19CSPJ普及组】数字游戏 scratch C++
- 【Linux】gcc + gdb 安装教程
- iOS底层探索之Block(二)——如何解决Block循环引用问题?
- 计算机硬盘常用分区工具,三款好用的磁盘分区工具推荐
- 带注释的c51汇编语言,51单片机矩阵键盘控制程序 汇编语言 带详细注释
- MACD顶背离和底背离是什么(图解)
- 大数据可视化常用的方式有哪些
- cas22112-84-1/5,10,15,20-四(4-氨基苯)-21H,23H-卟啉简称:H2TAPP; Tph
- 【干货干货!内附源码】多边形的面积及周长计算~java Swing开发可视化小程序,exe4j打包成exe可执行文件
- 2021邵阳市区三中高考成绩查询,2021年邵阳市普通高考科目及各科分数
- 最好的Google表格插件
- delphi 调用 腾讯云短信
- Oracle创建表,id为自增序列
- Unity 你以为SetParent()是个很简单的API???!!
- LaTeX入门_刘海洋_电子工业出版社_案例代码1
热门文章
- java上传文件并保存到服务器----大文件上传
- 用祖传绝技烹饪烤鱼,他的店开业当天营业额就有几千元
- ThinkPhp6+Vue政府项目后台管理系统
- javashop源码百度云,java多用户商城原生源码,javamall电商系统
- python学英语游戏_美国大佬推荐,一边玩一边学Python编程,12个游戏轻松掌控Python...
- 及物动词与不及物动词的区别
- win7不想更新win10也会下载win10安装包,而且有时会自动更新
- vue跨域问题解决:Access to XMLHttpRequest at‘httplocalhost
- 神武3哪个服务器比较稳定,这个没人看好的门派 今天成了服战里最可怕的那一个...
- 【推荐系统】WOE、IV、OR值、信息增益、卡方检验