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

Question

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

Answer 1

试试这个代码。 我假设您了解 Jquery。 运行此代码并在聚焦网页的同时从键盘输入任何内容并按回车键。 如果这有效，条码阅读器也这样做。 将您的条码阅读器配置为在代码阅读结束时传递回车键。 jQuery 库

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

查询

$(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);
        }
    });
});

Answer 2

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

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

Answer 3

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

我已经将它实现到一个 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。