雷火电竞-中国电竞赛事及体育赛事平台

歡迎來到入門教程網(wǎng)!

JavaScript

當前位置:主頁 > 網(wǎng)絡(luò)編程 > JavaScript >

JS實現(xiàn)掃碼槍掃描二維碼功能

來源:本站原創(chuàng)|時間:2020-01-10|欄目:JavaScript|點擊:

掃碼槍掃描二維碼,具體內(nèi)容如下所示:

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

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

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('掃碼結(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) { // 當掃碼前有keypress事件時,防止首字缺失
    console.log('防止首字缺失。。。')
    code = e.key
   } else if (lastCode && lastTime) {
    console.log('掃碼中。。。')
    code += e.key
   }
   lastCode = nextCode
   lastTime = nextTime
  }

總結(jié)

以上所述是小編給大家介紹的JS實現(xiàn)掃碼槍掃描二維碼功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對我們網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!

上一篇:nodejs開發(fā)一個最簡單的web服務(wù)器實例講解

欄    目:JavaScript

下一篇:javascript實現(xiàn)超好看的3D煙花特效

本文標題:JS實現(xiàn)掃碼槍掃描二維碼功能

本文地址:http://www.jygsgssxh.com/a1/JavaScript/9333.html

網(wǎng)頁制作CMS教程網(wǎng)絡(luò)編程軟件編程腳本語言數(shù)據(jù)庫服務(wù)器

如果侵犯了您的權(quán)利,請與我們聯(lián)系,我們將在24小時內(nèi)進行處理、任何非本站因素導致的法律后果,本站均不負任何責任。

聯(lián)系QQ:835971066 | 郵箱:835971066#qq.com(#換成@)

Copyright © 2002-2020 腳本教程網(wǎng) 版權(quán)所有