关于js 获取扫码枪的输入获取方式,之前在网上搜了好多,都是大同小异的,都是说扫码枪输入的时间间隔不会超过30毫秒。但事实上我拿了几台电脑测试的结果是,有的时间间隔甚至超过了100毫秒,所以用时间间隔去判断是人工输入还是扫码枪输入,感觉还是不怎么理想,所以我换了一种逻辑去实现获取扫码枪的输入,代码如下:

    scanCode() {
let code = ''
let lastTime, nextTime
let lastCode, nextCode
let that = this
window.document.onkeypress = function(e) {
if (window.event) { // IE
nextCode = e.keyCode
} else if (e.which) { // Netscape/Firefox/Opera
nextCode = e.which
}
if (e.which === 13) {
if (code.length < 3) return // 手动输入的时间不会让code的长度大于2,所以这里只会对扫码枪有
console.log(code)
console.log('扫码结束')
// that.distinguishCode(code) // 获取到扫码枪输入的内容,做别的操作
code = ''
lastCode = ''
lastTime = ''
return
}
nextTime = new Date().getTime()
if (!lastTime && !lastCode) {
console.log('扫码开始。。。')
code += e.key
} if (lastCode && lastTime && nextTime - lastTime > 500) { // 当扫码前有keypress事件时,防止首字缺失
console.log('防止首字缺失。。。')
code = e.key
} else if (lastCode && lastTime) {
console.log('扫码中。。。')
code += e.key
}
lastCode = nextCode
lastTime = nextTime
}
}

最新文章

  1. .net中创建xml文件的两种方法
  2. AppSettings从数据库读取
  3. http响应需要记住的状态码
  4. 《安全智库》:48H急速夺旗大战通关writeup(通关策略)
  5. GNU make 总结 (四)
  6. CrazePony飞行器--通信部分介绍【转】
  7. sql plus 抢救数据(測)
  8. hdu1520 (树形dp)
  9. java 静态代码块 代码块 构造函数 静态成员变量 成员变量的初始化顺序
  10. Java跨域问题的处理详解
  11. mybatis快速入门(二)
  12. [LeetCode] Employee Importance 员工重要度
  13. [Z] C#程序中设置全局代理(Global Proxy)
  14. 设计模式之责任链模式(Chain of Responsibility )
  15. BZOJ3211 花神游历各国 并查集 树状数组
  16. 自然语言处理(英文演讲)_2-gram
  17. IP组播
  18. echo “新密码”|passwd --stdin 用户名
  19. Cloud Native 环境
  20. 标准版 Eclipse (Eclipse standard 4.3.3) 添加 Tomcat 支持

热门文章

  1. [Vue] vue-router-interview
  2. 从零开始学MySQL(三)
  3. Windows下搭建Nacos及Seata
  4. 循环 for 读取文件
  5. CreateRemoteThread
  6. java高并发实战Netty+协程(Fiber)|系列1(续)|事件驱动模式和零拷贝
  7. php基于websocket实现的在线聊天室
  8. event对象中offsetX,clientX,pageX,screenX的区别
  9. BeanPostProcessor(转)
  10. Python---项目需求分析