Mostrando el teclado virtual de Android cuando un campo es .focus() 'd using javascript

Question

En una página web tengo un campo de búsqueda. He agregado un botón "borrar" para que los usuarios puedan borrar el campo de búsqueda y comenzar de nuevo. Para su comodidad, enfoco el cuadro de texto del campo de búsqueda y el cursor aparece en el cuadro. Sin embargo, el teclado virtual no aparece en los dispositivos Android que usan el navegador predeterminado. En iOS y Opera Mobile funciona como esperaba.

¿Existe un método adicional al que pueda llamar que haga que el teclado se muestre en el navegador de Android para que el usuario pueda comenzar a escribir de inmediato?

function clear_search() { 
    if($('#searchinput').val()) { 
     $('#searchinput').val(''); 
    } 
    $('#searchinput').focus(); 
} 

Answer 1

No estoy 100% seguro, pero creo que puede `t ser hecho (al menos hasta Android 2.2) de JavaScript. Si está usando PhoneGap puede utilizar esta aquí: https://github.com/phonegap/phonegap/wiki/How-to-show-and-hide-soft-keyboard-in-Android

Answer 2

esta pregunta es similar a How to focus an input field on Android browser through javascript or jquery

De todos modos, como ya tiene un evento de clic de trabajar, esto debería ayudará con estas cosas:

$(document).ready(function() { 
    $('#field').click(function(e){ $(this).focus(); }); 

    $('#button').click(function(e) { 
     $('#field').trigger('click'); 
    }); 
})  

Por supuesto que NECESITA un evento de clic que active esto. Simplemente enfocarse sin un evento no parece funcionar. Lo anterior funciona para mí en el navegador estándar en Android 4 y muestra el teclado virtual.

Answer 3

click() en sí mismo es insuficiente. Necesita focus() y luego click(). Tenga cuidado con los bucles infinitos si su script se activa mediante un onclick() en un elemento contenedor. El siguiente script me funciona en Chrome para Android 58 y Safari mobile 602.1.

var target = document.getElementsByTagName("input")[0]; 

if (event.target != target) { 
    target.focus(); 
    target.click(); 
}