keyboard - enfoque de entrada en jquery mobile, pero el teclado no aparece

jquery-mobile cordova

Question

Estoy usando jquery, jquery mobile y phonegap. Quiero mostrar el teclado esta página con input type = "text".

    <section id="page1" data-role="page">
        <header data-role="header">
            <h1>jQuery Mobile</h1>
        </header>
        <div data-role="content" class="content">

            <input type="text" placeholder="입력하세요" />
        </div>

    </section>

y mi guion es

        $(document).ready(function(){
            $(''input'').select();
            $(''input'').focus();
        });

El campo de texto está enfocado pero el teclado no se muestra, y se inicia cuando se hace clic en input type = "text". ¿Cómo puedo forzar el lanzamiento del teclado en javascript o usar el complemento de Phonegap?

Answer 1

Ninguna de las soluciones anteriores funcionó para mí. Sin embargo, noté que $ (''textarea''). Focus (). Select (); funcionó después de acceder a la página por segunda vez. Por lo tanto, obligo al móvil jquery a recuperar datos en mi página de cuadro de comentarios.

Este es mi código de inicialización de JQM genérico (que no funciona sin ''data-prefetch''):

$(''#comment-box-page'').live(''pageshow'', function () {
   $(''textarea'').focus().select();
});

En la página de la lista hay una imagen falsa de un pequeño cuadro de texto, que redirige a comment-box.html, que es solo una gran área de prueba con los botones publicar y cancelar.

        <div data-role="footer" data-position="fixed" data-theme="b" data-tap-toggle="false">
        <div data-role="fieldcontain">
            <a href="comment-box.html" data-prefetch><img src="fake-textfield.jpg"/>
            </a>
        </div>
    </div>

• data-prefetch es lo que marca la diferencia. Cuando hace clic en el enlace, la página se comportará como lo estaba la segunda vez que la visitó, lo que permite enfocar y subir el teclado.

Answer 2

Tienes que usar el evento "hacer clic" para abrir el teclado:

$(document).live(''click'', function() {
    $("#input-element-id").focus();
});

Answer 3

Utilizo esto en cordova 6 para la aplicación móvil android y sus trabajos:

-install cordova plugin keyboard: cordova plugin add cordova-plugin-keyboard

-Entonces puede usar Keyboard.show () para mostrar el teclado y keyboard.hide () para ocultarlo

• Puedes hacer esto para mostrar el teclado:

    $("#your_text_input").click(function () {
                  $(this).focus();
                  Keyboard.show();
    });
  
    $(''#your_text_input'').keydown(function(e) {
    if (e.which == 13) { //Enter keycode
      //your action
      ...
  
      // Now clear input and set focus back to input
      Keyboard.hide();
      $(this).val('''').trigger("keyup").focus();
    }
    });

Answer 4

no puedes el navegador móvil no muestra el teclado si enfoca un elemento de entrada. El usuario tiene que tocar el elemento de entrada.

Answer 5

$("input").bind( "blur", function () {
       $(".ui-header-fixed" ).css("top","0 !important");
});