jQuery Girl
  1. jQuery Girl
  3. détecter l’entrée du lecteur de code à barres
Intereting Posts
en utilisant jquery pour créer dynamicment div Comment copier à l’aide de clipboard.js avec un contenu dynamic et des déclencheurs Comment inviter les utilisateurs de modifications non enregistrées s’ils tentent de quitter la page Web jQuery UI datepicker – Tentative de capturer l’événement click à partir de la date cliquée jquery xml select Javascript update price select onchange JQuery select par texte interne Comment obtenir le style: hover css d’une ancre avec jQuery? Comment puis-je ouvrir un lien YouTube avec l’application YouTube dans Android (à l’aide de Dreamweaver CS6)? comment réinitialiser la position de défilement dans une div en utilisant javascript Arrêter la page de redirection lors du clic du bouton de retour jQuery ne peut pas lier un événement à un élément chargé AJAX à l’aide de .on () jquery autocomplete qui valide la valeur entrée Valeurs de liste déroulante Onchange, resp. tables – avec php, mysql, ajax, jquery Comment détecter le flash et demander à installer?

détecter l’entrée du lecteur de code à barres

voici mon code pour me concentrer sur “text2display” si on clique n’importe où sur le formulaire (qui est dans un popup). mais, comment s’ils “tabulent” et naviguent ailleurs (par exemple, URL du navigateur), comment le détecter et revenir à “” text2display “? 

$("#barcode_form").click(function(){ var focusedElement = ""; $(":focus").each(function(){ focusedElement = $(this).attr("id") }); if(focusedElement == ""){ $('#text2display').focus() } })

Vous voudrez le. Blur (); une fonction. Lorsqu’un élément a “focus” et que l’utilisateur quitte l’élément “focus”, “flou” est appelé et renvoie un événement à l’élément. Un exemple à suivre. 

 if(focusedElement == ""){ //if our focused element is empty $('#text2display').live('blur', function(){ //when the target loses focus, we invoke blur, the next line focuses again. //it's also a best practice to do something like fading in the border, $("#text2display").focus(); }); }

En outre, si je puis me permettre, ce serait une bonne idée d’informer l’utilisateur que son objective est revenu à cet élément. Pour ce faire, la meilleure solution consiste à append une bordure «rouge», puis à l’effacer progressivement. Une façon est comme suit -> 

 if(focusedElement == ""){ //if our focused element is empty $('#text2display').live('blur', function(){ //when the target loses focus, we invoke blur, the next line focuses again. //it's also a best practice to do something like fading in the border, $("#text2display").focus(function(){ $(this).animate({ //when the element has been re-focused, we'll give it a red border briefly. borderColor: '#ff0000'; }, function(){ //once the animation completes, fade the border out $(this).animate({ borderColor: 'transparent' }, 2000); } ); }); }); }

De plus, comme nous ne voulons pas de problèmes de redimensionnement, nous devons append du CSS à nos entrées. 

 input{ border:1px solid transparent; }

Cela devrait bien fonctionner pour vous.