jQuery Girl
  1. jQuery Girl
  3. Focaliser le curseur sur un champ caché
Intereting Posts
Animation du redimensionnement des images Comment faire une recherche sur Instagram via une requête API? Le clone n’obtient pas les valeurs supérieure / gauche de la division d’origine Échelle et précision du nombre La barre de défilement horizontale de Facebook dans la barre latérale du ticker et du chat jQuery: prop vs attr… clarification Détecter efficacement les dates manquantes dans le tableau et injecter un null (Highcharts et jQuery) Déclencher une fonction uniquement après l’achèvement de plusieurs demandes AJAX Désactiver et activer les touches fléchées par javascript Jquery mousemove () est activé sans un mouvement de souris Typeahead.js me donne des suggestions mais ne les sélectionne pas Jquery Autocomplete de json liste tous les éléments Comment calculer la sum des colonnes et des lignes dans une table html à l’aide de jquery Faites défiler continuellement jCousousel au survol du bouton Laravel et Dropzone – Comment récupérer des fichiers côté serveur

Focaliser le curseur sur un champ caché

J’ai ce script où je veux que le curseur se concentre sur le champ caché mais il ne semble pas fonctionner. Quand je rends le champ visible, il semble fonctionner. 

$(document).ready(function(){ $("#card_number").focus(); $("#card_number").keypress(function() { alert($("#card_number").val()); }); });

Vous ne pouvez pas vous concentrer sur un élément caché.

Vous pouvez utiliser l’ opacity: 0 au lieu de display: none et vous pourrez vous concentrer sur l’élément.

Autant que je sache, ce n’est pas possible pour un champ caché. Vous voudrez peut-être définir l’opacité du champ de saisie sur 0 via CSS.

J’ai trouvé les solutions en essayant vos commentaires, vous ne pouvez pas utiliser la visibilité: masqué; . Vous devez utiliser l’opacité zéro 

 #card_number{ opacity: 0; }

Merci les gars, vous étiez génial Ceci est pour une fonctionnalité de connexion automatique

La raison est que le champ est caché.

Ne cachez pas le champ mais essayez de rendre l’opacité à 0% en utilisant CSS

Vous ne pouvez pas définir le focus sur un champ caché. Je vous suggère de le cacher avec css: 

 #card_number{ visibility: hidden; opacity: 0; }

Vous ne pouvez vous concentrer sur aucun champ caché. Qu’essayez-vous de réaliser ici?

La fonction de mise au point ne fonctionne pas avec les champs cachés. Faire l’opacité à zéro

Je voulais faire la même chose pour utiliser avec un appareil de numérisation sans que l’utilisateur voit les numéros voler.

J’ai essayé Opcacity:0 mais quand il a le focus, le curseur de texte clignote, ce qui n’est pas optimal.

Ce que j’ai fait et qui fonctionne parfaitement est le suivant: {position: fixed; left: 300em} {position: fixed; left: 300em}