JS怎么實現掃碼槍掃描二維碼功能

這篇文章給大家分享的是有關JS怎么實現掃碼槍掃描二維碼功能的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

業務需求要將數據生成二維碼，并用掃碼槍掃出數據上傳到服務端。

先上代碼吧，之后再完善注意點

this.start = new Date().getTime()
  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
   }
   console.time()
   console.log('nextCode', nextCode)
   if (e.which === 13) {
    if (code.length < 3) return // 手動輸入的時間不會讓code的長度大于2，所以這里只會對掃碼槍有
    console.log(code)
    console.log('掃碼結束')
    console.timeEnd()
    that.parseQRCode(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
  }

感謝各位的閱讀！關于“JS怎么實現掃碼槍掃描二維碼功能”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！