扫码枪:外设输入设备。输入时触发keydown 事件。扫码结束时自动输入enter键值。

百度的方法主流是监听:keydown时间不一样来判断是键盘输入还是扫码枪输入。然后记录到js变量。或者元素标签上

这是不想给输入框设置焦点时的做法。

而我懒得区分输入设备是什么,手动输入、还是扫码输入我都不care。搞清楚这点后,只能给输入框默认个焦点就解决了。唯一难题时实际操作时需要挪动鼠标点一下

输入框获取光标焦点。而只要解决这个难题比上面判断输入时间间隔不要太简单。我的思路如下:

  1. 弹出一个界面用于获取扫码枪的扫描结果
  2. 当鼠标位于弹出界面内,默认设置输入框的光标焦点事件。(因为刚弹出的界面你没有设置光标焦点事件的话,原则上document代表不是弹出页面。所以keydown事件不会在弹出界面响应的)
  3. 不管手动输入、还是扫码枪输入支付码都可以。只需要下方绑定下鼠标的悬浮事件就ok了
//当前页面添加绑定事件
$(document).bind("mouseover",function(e){//当前页面中获取焦点所在的元素if ($(":focus").length <= 0) {//防止初始化时元素未渲染号所以使用延迟设置焦点事件var focusDom = $('#submit_PAY_CODE');setTimeout(function(){$(focusDom).focus();},50);}
});

js 获取扫码枪输入值 监听扫码枪输入事件相关推荐

  1. vue输入框输入触发事件_详解.vue文件中监听input输入事件(oninput)

    详解.vue文件中监听input输入事件(oninput) .vue文件其实是一个组件,关于它的说明我之前也写过一篇文章,地址:.vue文件,今天这篇文章要讲的是.vue文件中监听input的输入值变 ...

  2. vue输入框输入触发事件_.vue文件中监听input输入事件oninput详解

    .vue文件其实是一个组件,关于它的说明我之前也写过一篇文章,地址:.vue文件,今天这篇文章要讲的是.vue文件中监听input的输入值变化事件.需求是这页面中,改变input的值,就调用一个事件, ...

  3. php 监听条码枪输入,使用jQuery监听扫码枪输入并禁止手动输入的实现方法

    @(知识点总结)[jquery|扫码抢] 基于jQuery的扫码枪监听.如果只是想实现监听获取条码扫码信息,可以直接拿来使用,如果有更多的条码判断处理逻辑需要自己扩展. 一.功能需求 使用扫码枪扫描条 ...

  4. jquery 监听input输入停止,实现文本框自动跳转

    今天学到了一个新的东西,在此记录一下 我遇到了一个这样的需求:添加扫描一条数据,无鼠标键盘.工具:扫描枪,动作:扫描两个条码 扫描抢扫描时,扫描出来的数据是显示在当前焦点上,用input的文本框来保存 ...

  5. html输入框禁止输入汉字,input输入框输入中文时,监听的input事件怎样屏蔽拼音状态...

    在input输入框输入中文时,需要即时查询出匹配输入内容的结果,一般我们会使用input事件监听用户输入事件,但是在输入汉语拼音时,也会触发input事件,前端就会不断发送请求,用户体验非常差劲. 针 ...

  6. php 监听条码枪输入,使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)...

    基于jQuery的扫码枪监听.如果只是想实现监听获取条码扫码信息,可以直接拿来使用,如果有更多的条码判断处理逻辑需要自己扩展. 一.功能需求 使用扫码枪扫描条码,在一个web页面监听获取扫码枪的数据, ...

  7. php 监听 扫描枪,jquery监听扫码枪获得值

    客户一直说 扫码枪要一直获得焦点才能用,用户体验差 ,想做一个 在这个页面 有没有焦点都要获得到值,想了一下 只有用监听的方式了 // 写一个监听扫描枪 事件的方法 var code = ''; va ...

  8. python监听扫码枪扫描数据

    背景:当扫码枪扫描达到输入的数量N时,自动调用打印机打印N个数据的二维码. 实现:因为需要一直监听扫码枪扫描数据的状态,因此创建线程.但是在调试的时候发现,扫码枪扫描的数据并不是一次性出来的,而是一个 ...

  9. Vue.js 之 组件-监听子组件事件

    1.监听子组件事件 前面介绍了父组件如何通过 prop 向子组件传递数据,反过来,子组件如何向父组件通信呢? 在 Vue.js 中,这是通过自定义事件来实现的,子组件使用 $emit() 方法触发事件 ...

最新文章

  1. 专访阿里 iDST 语音组总监鄢志杰:智能语音交互从技术到产品,有哪些坑和细节要注意?
  2. MariaDB配置慢日志
  3. 论文阅读计划2(Deep Joint Rain Detection and Removal from a Single Image)
  4. 因为WPFe JavaScript到了不得不学的地步
  5. 大熊猫卸妆后_您不应错过的6大熊猫行动
  6. 1982:【19CSPJ普及组】数字游戏 scratch C++
  7. 【Linux】gcc + gdb 安装教程
  8. iOS底层探索之Block(二)——如何解决Block循环引用问题?
  9. 计算机硬盘常用分区工具,三款好用的磁盘分区工具推荐
  10. 带注释的c51汇编语言,51单片机矩阵键盘控制程序 汇编语言 带详细注释
  11. MACD顶背离和底背离是什么(图解)
  12. 大数据可视化常用的方式有哪些
  13. cas22112-84-1/5,10,15,20-四(4-氨基苯)-21H,23H-卟啉简称:H2TAPP; Tph
  14. 【干货干货!内附源码】多边形的面积及周长计算~java Swing开发可视化小程序,exe4j打包成exe可执行文件
  15. 2021邵阳市区三中高考成绩查询,2021年邵阳市普通高考科目及各科分数
  16. 最好的Google表格插件
  17. delphi 调用 腾讯云短信
  18. Oracle创建表,id为自增序列
  19. Unity 你以为SetParent()是个很简单的API???!!
  20. LaTeX入门_刘海洋_电子工业出版社_案例代码1

热门文章

  1. java上传文件并保存到服务器----大文件上传
  2. 用祖传绝技烹饪烤鱼,他的店开业当天营业额就有几千元
  3. ThinkPhp6+Vue政府项目后台管理系统
  4. javashop源码百度云,java多用户商城原生源码,javamall电商系统
  5. python学英语游戏_美国大佬推荐,一边玩一边学Python编程,12个游戏轻松掌控Python...
  6. 及物动词与不及物动词的区别
  7. win7不想更新win10也会下载win10安装包,而且有时会自动更新
  8. vue跨域问题解决:Access to XMLHttpRequest at‘httplocalhost
  9. 神武3哪个服务器比较稳定,这个没人看好的门派 今天成了服战里最可怕的那一个...
  10. 【推荐系统】WOE、IV、OR值、信息增益、卡方检验