web-dev-qa-db-de.com

Barcode-Scanner für HTML5- und JQuery-Anwendungen

Ich benutze Jquery und HTML für ein Projekt. Es ist eine statische Webanwendung. Ich brauche eine Jquery, die Barcodescanner-Barcodes von Produkten liest. Der Barcode muss gescannt werden, ohne dass der Code in einem der Textfelder auf dem Bildschirm angezeigt wird. Bitte gib mir ein paar Ideen oder gebe mir den Link für Plugins (falls vorhanden), um dies zu überwinden. Danke im Voraus.

10
samaswin

Versuchen Sie diesen Code. Ich gehe davon aus, dass Sie über die Jquery Bescheid wissen. Führen Sie diesen Code aus und geben Sie alles über die Tastatur ein, während Sie die Webseite fokussieren, und drücken Sie die Eingabetaste. Wenn dies funktioniert, machen Sie den Barcode-Leser genauso. Konfigurieren Sie Ihren Barcodeleser so, dass er den enter-Schlüssel am Ende des Codelesens übergibt. Jquery-Bibliothek

<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

Möglicherweise können Sie diesen https://code.google.com/p/jquery-barcodelistener/ ausprobieren.

Es erfasst die Ausgabe des Barcode-Scanners und gibt Sie als Parameter an

0

Ich fand das ziemlich alt, aber ziemlich guter Beitrag , was gut mit meiner Hardware funktionierte.

Ich habe es in ein Jquery-Plugin implementiert: Jquery-Code-Scanner , Sie können versuchen Sie es hier , um zu sehen, ob es mit Ihrem Codeleser funktioniert.

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

Zögern Sie nicht, erstellen Sie Probleme oder PRs für das Projekt.

0