web-dev-qa-db-ja.com

html5およびjqueryアプリケーション用のバーコードスキャナー

プロジェクトにJqueryとhtmlを使用しています。これは静的なWebアプリケーションです。製品からバーコードスキャナーのバーコードを読み取るjqueryが必要です。画面のテキストボックスにコードを表示せずにバーコードをスキャンする必要があります。誰かが私にいくつかのアイデアを与えてくれるか、これを克服するためのプラグイン（ある場合）へのリンクを提供してください。前もって感謝します。

javascriptjqueryhtml5barcode-scanner
11
samaswin

このコードを試してください。 Jqueryについて知っていると思います。このコードを実行し、Webページにフォーカスを合わせてキーボードから何かを入力し、Enterキーを押します。これが機能する場合、バーコードリーダーも同じことを行います。コード読み取りの最後に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);
        }
    });

    });
16
Sajitha Rathnayake

これを試すことができます https://code.google.com/p/jquery-barcodelistener/ .

バーコードスキャナーの出力をキャッチし、パラメーターとして提供します

0
Mohammed Imran N

これはかなり古いものでしたが、 かなり良い投稿 で、私のハードウェアでうまく機能していました。

私はそれを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することをためらわないでください。

0
Pierre de LESPINAY