Masquer le clavier virtuel sur mobile avec Jquery/Javascript (Mobiscroll)

Il ya beaucoup de questions à ce sujet. Mais ils parlent tous de quitter le focus sur un champ. Voici mon problème:

J'ai un champ type d'entrée. Lorsque l'utilisateur clique dessus, il s'ouvre à mon habitude mobiscroll fonctionnalité. et dans certains cas, comme par Android 2.* ou windows de la surface de comprimés il affiche le clavier virtuel ainsi ! Comment puis-je code un cas que le clavier virtuel n'apparaît jamais !

Qui peut m'aider 🙂

InformationsquelleAutor Dennis Anderson | 2014-07-23
  1. 7

    Pour retirer le clavier vous avez besoin de perdre le focus sur l'élément actif. Pas d'autre solution.

    Afin d'afficher votre pop-up et après avoir supprimer le focus.

    Exemple:

    function clickInput() {
    openPopUp();
    document.activeElement.blur(); //lose focus on the active element and hide keyboard
}

    Mise à JOUR:

    Je ne sais pas "mobiscroll". Mais pour masquer le clavier, vous devez perdre le focus sur l'élément actif.

    document.activeElement && document.activeElement.blur();
//This code remove the keyboard constantly.
    • peut-être que mon pop-up texte était une mauvaise idée de dire. Parce que je suis en utilisant mobiscroll. C'est comme un type d'entrée qui s'ouvre automatiquement. J'ai modifier ma question
    • Merci R3tep ! le flou() la fonction aidé, après tout. C'était la combinaison sur l'utilisation de mobiscroll avec le flou qui a fait le tour !
    InformationsquelleAutor R3tep
  2. 2

    Flou a été la clé de mon problème ! Mobiscroll a une méthode appelée onBeforeShow qui est appelée avant la mobiscroll s'affiche. Dans cette méthode que j'ai utilisé blur() sur le type d'entrée, j'ai utilisé le mobiscroll sur ! Mon code ci-dessous: 

    var options = {
        preset: this.preset,
        theme: 'wp light',
        mode: 'scroller',
        display: 'bottom',
        timeWheels: "HHii",
        dateFormat: "dd-mm-yy",
        timeFormat: "HH:ii",
        lang: 'nl', //TODO: Deduce from application language.
        onBeforeShow: (html, inst) => { this.findControl().blur();}
    };
    this.findControl().mobiscroll(options);
    InformationsquelleAutor Dennis Anderson
  3. 1

    Flou est la clé sur Android, mais la désactivation de la mère est la clef de WinJS.

    var control = jQuery("#someControl");
//Disabling the parent prevents the keyboard to popup for WinJS.
control.parent().prop('disabled', true);
var options = {
    preset: this.preset,
    mode: 'scroller',
    display: 'bottom',
    timeWheels: "HHii",
    dateFormat: "dd-mm-yy",
    timeFormat: "HH:ii",
    lang: 'nl',
    onBeforeShow: function (inst) {
        //Blur the control because Android will otherwise show the keyboard.
        control.blur();
    }
};
control.mobiscroll(options);
    InformationsquelleAutor Dibran