js 扫码枪的输入
2024-10-07 05:55:14
关于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
}
}
最新文章
- .net中创建xml文件的两种方法
- AppSettings从数据库读取
- http响应需要记住的状态码
- 《安全智库》:48H急速夺旗大战通关writeup(通关策略)
- GNU make 总结 (四)
- CrazePony飞行器--通信部分介绍【转】
- sql plus 抢救数据(測)
- hdu1520 (树形dp)
- java 静态代码块 代码块 构造函数 静态成员变量 成员变量的初始化顺序
- Java跨域问题的处理详解
- mybatis快速入门(二)
- [LeetCode] Employee Importance 员工重要度
- [Z] C#程序中设置全局代理(Global Proxy)
- 设计模式之责任链模式(Chain of Responsibility )
- BZOJ3211 花神游历各国 并查集 树状数组
- 自然语言处理(英文演讲)_2-gram
- IP组播
- echo “新密码”|passwd --stdin 用户名
- Cloud Native 环境
- 标准版 Eclipse (Eclipse standard 4.3.3) 添加 Tomcat 支持
热门文章
- [Vue] vue-router-interview
- 从零开始学MySQL(三)
- Windows下搭建Nacos及Seata
- 循环 for 读取文件
- CreateRemoteThread
- java高并发实战Netty+协程(Fiber)|系列1(续)|事件驱动模式和零拷贝
- php基于websocket实现的在线聊天室
- event对象中offsetX,clientX,pageX,screenX的区别
- BeanPostProcessor(转)
- Python---项目需求分析