用於 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。