bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

淺談在react中如何實現掃碼槍輸入-創新互聯

觸發原理

成都創新互聯公司專注于網站建設|成都網站改版|優化|托管以及網絡推廣，積累了大量的網站設計與制作經驗，為許多企業提供了網站定制設計服務，案例作品覆蓋成都集裝箱等行業。能根據企業所處的行業與銷售的產品，結合品牌形象的塑造，量身開發品質網站。

原理就是監聽鍵盤輸入，比如掃一個為6970596130126的69條形碼，用掃碼槍掃一下會在光標位置依次輸出：

6
9
7
0
5
9
6
1
3
0
2
6


但這不是完整的，所以需要寫一個函數scanEvent來整理收集到的每個編號。

let code = '';
let lastTime,
  nextTime,
  lastCode,
  nextCode;


function scanEvent(e, cb) {
  nextCode = e.which;
  nextTime = new Date().getTime();

  if (lastCode != null && lastTime != null && nextTime - lastTime <= 30) {
    code += String.fromCharCode(lastCode);
  } else if (lastCode != null && lastTime != null && nextTime - lastTime > 100) {
    code = '';
  }

  lastCode = nextCode;
  lastTime = nextTime;
  if (e.which === 13) {
    cb(code);
    console.log('code', code);
    code = '';
  }
}

export { scanEvent };

本文名稱：淺談在react中如何實現掃碼槍輸入-創新互聯
分享鏈接：http://vcdvsql.cn/article48/eephp.html

成都網站建設公司_創新互聯，為您提供定制開發、虛擬主機、營銷型網站建設、全網營銷推廣、Google、網站導航

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

小程序開發