tratando de establecer el foco en un cuadro de texto oculto

Estoy tratando de establecer el foco en un cuadro de texto oculto. Quiero que cuando el cuerpo o div que contiene el cuadro de texto se cargue, el foco debe estar en el cuadro de texto en particular, de modo que cualquier entrada del teclado o de cualquier otro dispositivo quede atrapada por este elemento. He probado el siguiente código sin efecto:tratando de establecer el foco en un cuadro de texto oculto

<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>

hacer alguna sugerencia. Se prefiere la solución jquery.

Fuente

2012-06-25 jack sparrow

Los elementos ocultos no pueden enfocar, por diseño. ¿Qué esperas exactamente que pase? Puede establecer el enfoque cuando aún esté visible y luego ocultarlo. –

El elemento oculto tiene pantalla: ninguno; Entonces, ¿cómo pueden enfocarse. Por Barbosa –

No puedo imaginar por qué querrías hacer esto. Además, las etiquetas de entrada son etiquetas de cierre automático. –

No puede establecer el foco en un cuadro de texto que está oculto mediante el método hide. En cambio, debes moverlo fuera de la pantalla.

<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>

Fuente

2012-06-25 06:47:37

haciendo esto la #exp nunca podrá volver a su ubicación anterior –

Normalmente no desea que un cuadro de texto oculto que se está utilizando para capturar las claves vuelva a la vista. Pero puede llevarlo a su lugar anterior: '$ ('# exp'). Css ('posición', 'estático');' –

Cumple con mis requisitos ... aunque no era lo que estaba buscando. .. sems un poco de la solución de caja ....:) ... gracias de todos modos ... –

visibility:hidden; 
position: absolute;

Obras en Chrome 53, y parece más limpio que tratar de cambiar el elemento fuera de la pantalla como en la respuesta de Nathan pared.

Fuente

2016-10-20 18:23:24 mhenry1384

tratando de establecer el foco en un cuadro de texto oculto

Respuesta

Cuestiones relacionadas