jQuery: l'Écoute pour scanner automatisé de saisie au clavier?

Je suis en train d'écrire une application web pour un système de bibliothèque avec un scanner de code à barres ci-joint. Le scanner d'entrée se présente comme la saisie au clavier, et c'est toujours de la forme ~~[\d]+.[\d]+~~, par exemple ~~470.002~~.

Je veux mettre en place un jQuery écouteur pour scanner d'entrée, et je suis un jQuery novice. Il convient d'écouter toutes les entrées au clavier, mais seulement d'exécuter une action lorsqu'il entend les commentaires de la scanner, et seulement lorsque le scanner d'entrée est terminé.

Voilà ce que j'ai (c'est à dire pas très):

//Global functions: call on all pages.
$(document).ready(function() {
    //Listen for scanner input. 
    $(window).keypress(function(e) {
        var key = e.which;
        if (key==126) {.
            alert('tilde');
            //How to listen for the correct input?
            //check_out_book();
        }
    });
});

Quelle est la meilleure façon de rester à l'écoute d'entrée dans le format que j'ai besoin? J'aimerais qu'il écoute pour la finale deux tildes avant d'appeler check_out_book().

Je tiens également à "stop" à l'écoute après le premier tilde si il y a une pause pour distinguer entre un homme dactylo et le système automatisé de scanner d'entrée. N'jQuery ont une façon de le faire?

Tous les pointeurs de très apprécié! Je vous remercie.

OriginalL'auteur AP257 | 2011-01-06

Je pense que vous voulez pour ce faire, stockez ce que vous avez reçu à ce jour et vérifier pour voir si elle est valide. Si elle n'est pas, jetez ce que vous avez reçu et recommencer:

$(document).ready(function(){
    var input = '',
        r1 = /^~{1,2}$/,
        r2 = /^~{2}\d+$/,
        r3 = /^~{2}\d+\.$/,
        r4 = /^~{2}\d+\.\d+$/,
        r5 = /^~{2}\d+\.\d+~{1}$/
        r6 = /^~{2}\d+\.\d+~{2}$/;

    $(window).keypress(function(e) {
        input += String.fromCharCode(e.which);

        if (r1.test(input) || r2.test(input) || r3.test(input) || r4.test(input) || r5.test(input)) {
            //input is valid so far, continue
        } else if (r6.test(input) {
            //input is valid and complete
            check_out_book();
        } else {
            //input is invalid, start over
            input = '';
        }
    });
});

Vous pouvez combiner toutes ces expressions régulières en deux, mais je pense que c'est plus lisible de cette façon.

Genius. Merci.

OriginalL'auteur lonesomeday

4

Je viens de finir d'écrire un peu de code javascript qui détecte si un scanner de code à barres est utilisé pour remplir un champ de saisie et déplace le curseur d'un champ à l'autre si elle l'était.

Mon code répond en partie à votre question, "je veux mettre en place un jQuery écouteur pour scanner d'entrée, et je suis un jQuery novice. Il convient d'écouter toutes les entrées au clavier, mais seulement d'exécuter une action lorsqu'il entend les commentaires de la scanner, et seulement lorsque le scanner d'entrée est terminé."

Voici le code HTML pour les champs de saisie:
```
<input type="text" class="bcode" id="f1" onkeydown="typeSpeed(new Date().getTime());" onblur="typeSpeedReset();" onfocus="typeNextField('f2');" />
<input type="text" class="bcode" id="f2" onkeydown="typeSpeed(new Date().getTime());" onblur="typeSpeedReset();" onfocus="typeNextField('f3');" />
<input type="text" id="f3" />
```
J'ai deux champs de la classe de bcode " qui sont destinés pour scanner de code à barres d'entrée (f1 & f2). Le troisième champ est prévu pour une entrée régulière (f3). Les champs de f1 & f2 envoyer (1) le timestamp actuel lorsque vous appuyez sur une touche de la fonction "typeSpeed" et (2) l'id du champ suivant pour sélectionner lorsque le champ obtient le focus. Ces champs aussi déclencher un appel à la fonction 'typeSpeedReset" lorsque le champ perd le focus.

Ici, c'est le javascript/jQuery qui le fait fonctionner:
```
$(function(){   
    var typingTimeout;
    $('.bcode').keypress(function(e){
        if (typingTimeout != undefined) clearTimeout(typingTimeout);
        typingTimeout = setTimeout(isBarcode, 500); 
    }); 
});

var ts0 = 0, ts1 = 0, ts2, nf;

function typeSpeed(time) {
    ts0 = (ts0 == 0) ? time : 0;
    var ts3 = ts1;  
    ts1 = time - ts0;   
    ts2 = ts1 - ts3;    
}

function typeSpeedReset() { ts0 = 0; ts1 = 0; }

function typeNextField(nextfield) { nf = nextfield; }

function isBarcode() {
    if(ts2 < 20 && ts1 != 0) { $('#'+nf).focus(); }
}
```
Ce qui se passe est le temps entre les touches est quantifiée par la fonction "typeSpeed'. J'ai découvert par le biais de l'expérimentation (écrasant sur le clavier ou maintenir une touche enfoncée) que l'homme le plus rapide d'entrée a environ ~33ms de délai entre deux frappes au clavier. Le scanner de code-barres que j'ai utilisé pour le test produit généralement des retards de 10 ms ou moins.

Un délai d'attente est défini sur le terrain avec la classe de bcode' pour détecter lorsque l'entrée a arrêté momentanément. À ce stade, le retard est évaluée. Si c'est moins de 20ms, un scanner de code à barres est supposé avoir été utilisé et le champ suivant est donné de se concentrer.

Le projet de ce code a été écrit pour va une étape plus loin en changeant la couleur de fond du champ et de l'affichage d'un petit code à barres graphique à droite du champ lorsqu'il est activé de sorte que les utilisateurs ont une indication claire qu'il est sensible à et conçu pour scanner de code à barres d'entrée.

OriginalL'auteur humbolight
-1

Veuillez vérifier ce lien, il permet de détecter le lecteur de code-barres, vous n'avez pas à être porté à une certaine entrée.

Liens vers des ressources externes sont encouragés, mais s'il vous plaît ajouter un cadre autour de le lien pour que les autres utilisateurs pourront avoir une idée de ce qu'il est et pourquoi il est là. Toujours citer la partie la plus pertinente d'un lien important, dans le cas où l'objectif du site est inaccessible ou va définitivement hors ligne.

OriginalL'auteur Ahmed Sobhy

Vous devez vous connecter pour publier un commentaire.