essayez de placer le focus sur une zone de texte caché

Je suis en train de mettre l'accent sur une case texte masqué. Je veux que quand le corps ou le div contenant le texte de la boîte de charges, l'accent devrait être mis sur la zone de texte particulier, de sorte que toute entrée de clé de conseil ou de tout autre périphérique est pris par cet élément. J'ai essayé le code suivant avec aucun effet:

<body>
    <input type="text" id="exp" maxlength="16"></input>
    <input type="text" id="exp2" maxlength="16"></input>
    <script>
        $("#exp").hide();
        $("#exp").focus();
        $("#exp2").keypress(function(){
            alert($("#exp").val());
        });
    </script>
</body>

faire des suggestions. jquery solution sera privilégiée.

Les éléments cachés ne pouvez pas obtenir le focus, de par leur conception. Exactement ce que vous attendez?? Vous pouvez définir le focus quand il est encore visible alors de le cacher.
Élément masqué a display:none; comment peuvent-ils être concentré .par Barbosa
Je ne peux pas imaginer pourquoi vous voulez le faire. Plus les balises input sont à fermeture automatique des balises. <input/>

OriginalL'auteur jack sparrow | 2012-06-25

  1. 12

    Vous ne pouvez pas définir le focus sur une zone de texte qui est caché par le hide méthode. Au lieu de cela, vous avez besoin de le déplacer hors de l'écran.

    <body>
<!-- it's better to close inputs this way for the sake of older browsers -->
<input type="text" id="exp" maxlength="16" />
<input type="text" id="exp2" maxlength="16" />
<script>
//Move the text box off screen
$("#exp").css({
    position: 'absolute',
    top: '-100px'
});
$("#exp").focus();
$("#exp2").keypress(function(){
alert($("#exp").val());
});
</script>
</body>
    ce faisant, l' #exp ne sera jamais en mesure de revenir à la position précédente
    Habituellement, vous ne voulez pas caché zone de texte qui est utilisé pour capturer les touches à revenir dans la vue. Mais vous pouvez le ramener à sa position précédente: $('#exp').css('position', 'static');
    Qui répond à mes exigences...même si ce n'était pas ce que je cherchais...il sems un peu de la solution de la boîte....:)...merci de toute façon...
    😉 Croyez le ou non, c'est plutôt une solution standard. Cheers!
    histoire vraie!! 😛 (vous pouvez également essayer de z-index, mais il peut donner des problèmes avec certains navigateurs mobiles..)

    OriginalL'auteur Nathan Wall

  2. 1
    visibility:hidden; 
position: absolute;

    Fonctionne dans Chrome 53, et semble plus propre que d'essayer de déplacer l'élément à l'écran comme dans Nathan Mur de réponse.

    OriginalL'auteur mhenry1384