js 条码枪扫描_js获取USB扫码枪数据

前言

找了很多相关的教程不太好用，汲取各家之长总结精简了一下

原理

扫码枪扫描到的条形码每一位会触发一次onkeydown事件

比如扫描条码位‘1234567890’的条形码，会连续执行10次onkeydown事件

条码扫描到最后一位，会直接触发Enter

代码

支持vue

data() {

return {

nextCode: '',

lastTime: '',

code: ''

}

},

created() {

// 添加键盘监听事件

document.addEventListener('keydown', this.getBarCode)

},

// 销毁页面时销毁监听

destroyed() {

document.removeEventListener('keydown', this.getBarCode)

},

methods: {

// 通过扫码枪获取条形码

getBarCode(e) {

let nextCode

let nextTime = ''

const lastTime = this.lastTime

let code = this.code

if (window.event) {