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

【问题标题】：Barcode scanner for html5 and jquery application用于 html5 和 jquery 应用程序的条码扫描器
【发布时间】：2014-04-01 05:53:47
【问题描述】：

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

【问题讨论】：

您是物理扫描它还是要扫描条形码的软拷贝？你在使用条码阅读器
我有一个条形码扫描仪，用来扫描产品

标签： javascript jquery html barcode-scanner

【解决方案1】：

试试这个代码。我假设您了解 Jquery。运行此代码并在聚焦网页的同时从键盘键入任何内容并按 Enter 键。如果这可行，条形码阅读器也可以这样做。配置您的条码阅读器以在代码阅读结束时传递回车键。 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);
        }
    });
});

【讨论】：

如果需要抓Tab键把code==13改为code==9
我遇到了这个代码的问题。当我扫描特殊字符时，ASCII 字符会因浏览器而异。
哪种特殊字符？
请访问此页面。我想这会对你有所帮助。 bennadel.com/blog/…
请忽略我的stackoverflow.com/a/22778311/2345900 回答。不要因为这个答案而拒绝我。我在这里更正了

【解决方案2】：

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

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

【讨论】：

我要一份文件，最好也有代码sn-p

【解决方案3】：

我发现这很旧，但 pretty good post 在我的硬件上运行良好。

我已经将它实现到一个 jquery 插件中：jquery-code-scanner，你可以try it here 看看它是否适用于你的代码阅读器。

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

不要犹豫，create issues 或项目的 PR。

【讨论】：

我可以在 Angular 8 中使用它吗？