Affichage du clavier logiciel d'Android lorsqu'un champ est .focus () en utilisant javascript

Dans une page web, j'ai un champ de recherche. J'ai ajouté un bouton "effacer", de sorte que les utilisateurs peuvent effacer le champ de recherche et de commencer à nouveau. Par commodité, je me concentre le champ de recherche de la zone de texte et le curseur n'apparaît pas dans la boîte. Toutefois, le clavier ne semble pas apparaître sur les appareils android qui utilisent le navigateur par défaut. Dans iOS et Opera Mobile, il fonctionne comme je l'avais espérer.

Est-il une méthode supplémentaire, je peux appeler qui va provoquer le clavier pour afficher sur Android du navigateur de sorte que l'utilisateur peut commencer à taper tout de suite?

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

source d'informationauteur newz2000

  1. 1

    Je ne suis pas sûr à 100% mais je pense qu'il ne peut pas être fait (au moins jusqu'à ce que android 2.2) à partir de javascript. Si vous êtes à l'aide de phonegap vous pouvez utiliser cette ici: https://github.com/phonegap/phonegap/wiki/How-to-show-and-hide-soft-keyboard-in-Android

  2. 5

    cette question est similaire à
    Comment concentrer un champ de saisie dans le navigateur Android par le biais de javascript ou jquery

    De toute façon, comme vous avez déjà un événement click de travailler avec, cela devrait vous arranger:

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

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

    Bien sûr, vous devez cliquez sur un événement de déclenchement. De me concentrer sans un événement n'a pas l'air de travailler. Le ci-dessus fonctionne pour moi sur le navigateur standard sur android 4 et affiche le clavier virtuel.

  3. 0

    click() sur son propre est pas assez. Vous devez focus() puis click(). Attention les boucles sans fin si votre script est déclenchée par un onclick() sur un élément contenant. Le script ci-dessous est de travailler pour moi sur Chrome pour android 58 et Safari mobile 602.1.

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

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