web-dev-qa-db-fra.com

Scanner de code à barres pour html5 et application jquery

J'utilise Jquery et HTML pour un projet. C'est une application web statique. J'ai besoin d'un jquery qui lit le code à barres du scanner de codes à barres à partir de produits. Le code à barres doit être scanné sans afficher le code dans aucune des zones de texte de l'écran. Quelqu'un s'il vous plaît me donner des idées ou me fournir le lien pour les plugins (le cas échéant) pour surmonter cela Merci d'avance.

javascriptjqueryhtml5barcode-scanner
10
samaswin

Essayez ce code. Je suppose que vous connaissez le Jquery. Exécutez ce code et tapez n'importe quoi sur le clavier tout en mettant l'accent sur la page Web, puis appuyez sur la touche Entrée. Si cela fonctionne, le lecteur de code à barres fait de même. Configurez votre lecteur de code à barres pour passer la clé de saisie à la fin de la lecture du code ..__

<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

Peut-être que vous pouvez essayer ceci https://code.google.com/p/jquery-barcodelistener/ .

Il capture la sortie du scanner de codes à barres et vous donne comme paramètre

0
Mohammed Imran N

J'ai trouvé cela assez vieux mais très bon post qui fonctionnait bien avec mon matériel.

Je l'ai implémenté dans un plugin jquery: jquery-code-scanner , vous pouvez l'essayer ici pour voir si cela fonctionne avec votre lecteur de code.

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

N'hésitez pas à créer des problèmes ou des relations publiques sur le projet.

0
Pierre de LESPINAY