jQueryMobile - Filtrer dans ListView et appuyer sur Go sur le clavier ne cache pas le clavier

Question

Dans jQuery Mobile, il existe des listes de diffusion filtrées. Après avoir entré le texte dans le filtre, la liste est filtrée mais le fait d'appuyer sur le bouton GO ne cache pas le clavier.

L'utilisateur s'attend à ce que le clavier disparaisse après avoir appuyé sur GO. Y a-t-il un moyen d'accomplir cela?

Answer 1

Vous devez supprimer la mise au point manuellement à partir du champ de saisie avec Javascript comme ceci:

$('.ui-listview-filter .ui-input-text').live('keyup', function(event) { 
    if (event.keyCode == 13) { 
     // 'Go' pressed 
     $('.ui-listview-filter .ui-input-text').trigger('blur'); 
    } 
}); 

Answer 2

Vous pouvez essayer de changer la mise au point après avoir appuyé sur la touche. Par exemple:

//this will un-select the text box, hiding keyboard 
$('#searchInputId').blur(); 

//this will focus on something else, hiding keyboard 
$('#somethingOtherThanTheSearch').focus(); 

Answer 3

variante de la réponse de Pablo qui fonctionne sur mon ancienne version de jQuery (mobile):

// this is here to close the on-screen keyboards of mobile devices when the "go" button is used 
    $("input[data-type='search']").on('keyup', function(event) { 
    if (event.keyCode == 13) { // Enter or 'Go' pressed 
     event.target.blur(); // remove focus on the search field so keyboard goes away 
    } 
});