Fije el foco al cuadro de entrada y al teclado androide de la demostración usando el móvil de jquery en pageshow
Estoy intentando fijar el foco a la caja de la entrada y el android que muestra el teclado usando el móvil de jquery en pageshow.
He probado un montón de opciones de web. Pero ninguno funciona como se espera en el emulador y el móvil.
- El teclado de Android se superpone al problema de la caja de texto
- Error Phonegap en Android GetPTLAFormat
- jQuery Los deslizadores de gama Mobile no son lo suficientemente sensibles
- Abrir imagen con el visor de imágenes predeterminado en Android
- Emitir en footable mientras que agrega datos dinámicos
Aquí está el código:
<!DOCTYPE html> <html> <head> <title>Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> </head> <body> <div data-role="page" id="main"> <div data-role="header"><h3>Set Focus, Show Keyboard</h3></div> <div data-role="content"> <label for="gotoPage"></label> <input type="text" name="gotoPage" id="gotoPage" placeholder="Question No." data-mini="true" /> </div> </div> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script> $(document).on('pageinit',"[data-role=page]", function() { }); $(document).on('pagebeforeshow',"[data-role=page]", function() { }); $(document).on('pageshow',"[data-role=page]", function() { $('#gotoPage').focus().select(); }); </script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> </body> </html>
Encuentra las capturas de pantalla para referencia
Amable consejo … Gracias de antemano …
NOTA:
Según el comentario de Omar está funcionando bien en ios …. cualquier persona puede sugerir cómo conseguimos este trabajo en android?
- Creación de un campo de texto de tipo fecha para android
- No se puede acceder al archivo php desde otro dominio
- ssn máscara con jquery en android2.3.3
- Aplicación móvil de JQuery comportamiento extraño
- Es posible mostrar la imagen animada gif en el emulador using phoneGap
- ¿Deshabilitar las superposiciones de entrada del navegador de Android?
- JQuery panel móvil no se cierra completamente sólo en el navegador de Android
- PhoneGap / JQuery Mobile - El estilo de página se rompe cuando el teclado está visible
La solución que funciona para mí:
$("#main").on("pageshow" , function() { $('#gotoPage').focus(); });
- ¿Cómo puedo reducir el tiempo que MPAndroidChart gasta para mostrar datos?
- Cómo cargar un mapa de bits en una vista de imagen con Picasso