用于 html5 和 jquery 应用程序的条形码扫描仪

Barcode scanner for html5 and jquery application

本文关键字：条形码 扫描仪 应用程序 jquery html5 用于      更新时间：2023-09-26

我正在使用Jquery和html进行项目。它是一个静态的 Web 应用程序。我需要一个从产品中读取条形码扫描仪条形码的jquery。需要扫描条形码，而不在屏幕的任何文本框中显示代码。有人请给我一些想法或为我提供插件的链接（如果有的话）来克服这个问题。提前谢谢。

试试这段代码。我假设你知道Jquery。运行此代码并从键盘键入任何内容，同时聚焦网页并按回车键。如果这有效，条形码阅读器也做同样的事情。将条形码阅读器配置为在代码读取结束时传递回车键。Jquery 库

<script type='text/javascript' src='http://code.jquery.com/jquery-1.6.4.js'></script>

Jquery

$(document).ready(function() 
{
    var barcode="";
    $(document).keydown(function(e) 
    {
        var code = (e.keyCode ? e.keyCode : e.which);
        if(code==13)// Enter key hit
        {
            alert(barcode);
        }
        else if(code==9)// Tab key hit
        {
            alert(barcode);
        }
        else
        {
            barcode=barcode+String.fromCharCode(code);
        }
    });
});

也许你可以试试这个 https://code.google.com/p/jquery-barcodelistener/。

它捕获条形码扫描仪的输出并作为参数提供

给您

我发现这个很旧但相当不错的帖子，它在我的硬件上运行良好。

我已经将它实现到一个jquery插件中：jquery-code-scanner，你可以在这里尝试一下，看看它是否适用于你的代码阅读器。

$ bower install jquery-code-scanner

<script src="js/jquery.min.js"></script>
<script src="js/jquery-code-scanner.js"></script>
<!-- ... -->
<input type="text" id="code-scan">

$('#code-scan').codeScanner();

不要犹豫，在项目上创建问题或 PR。

相关文章：