JS如何获取扫描枪扫描的条形码

最新推荐文章于 2025-06-10 13:52:32 发布

imlufc

最新推荐文章于 2025-06-10 13:52:32 发布

阅读量1.1w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： javaScript 文章标签： js 条形码扫描枪

原文链接：https://blog.csdn.net/wjy199506/article/details/78864091

javaScript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用JavaScript监听键盘输入并处理条形码数据的方法。通过记录连续的按键事件，可以捕获条形码扫描数据，并在按下回车键时触发处理逻辑，适用于零售、物流等场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//页面初始化
$.function({

     //1. 在页面初始化的时候调用一下代码；
     initScannerModule();

})



function initScannerModule(){
     var code = "";
     var lastTime,nextTime;
     var lastCode,nextCode;

     document.onkeypress = function(e) {
         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;
     }

     this.onkeypress = function(e){
         if(e.which == 13){

             //2.获取到条形码 code
             console.log(code);

             //3.根据条形码处理相关业务

            
             code = "";
         }
     } 
}