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

成都創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站建設(shè)、成都做網(wǎng)站與策劃設(shè)計(jì),饒陽網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)10年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:饒陽等地區(qū)。饒陽做網(wǎng)站價(jià)格咨詢:18980820575

業(yè)務(wù)需求要將數(shù)據(jù)生成二維碼，并用掃碼槍掃出數(shù)據(jù)上傳到服務(wù)端。

先上代碼吧，之后再完善注意點(diǎn)

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 // 手動輸入的時(shí)間不會讓code的長度大于2，所以這里只會對掃碼槍有
    console.log(code)
    console.log('掃碼結(jié)束')
    console.timeEnd()
    that.parseQRCode(code) // 獲取到掃碼槍輸入的內(nèi)容，做別的操作
    code = ''
    lastCode = ''
    lastTime = ''
    return
   }
   nextTime = new Date().getTime()
   if (!lastTime && !lastCode) {
    console.log('掃碼開始。。。')
    code += e.key
   }
   if (lastCode && lastTime && nextTime - lastTime > 500) { // 當(dāng)掃碼前有keypress事件時(shí),防止首字缺失
    console.log('防止首字缺失。。。')
    code = e.key
   } else if (lastCode && lastTime) {
    console.log('掃碼中。。。')
    code += e.key
   }
   lastCode = nextCode
   lastTime = nextTime
  }

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