Maison > interface Web > Tutoriel H5 > Partagez la solution au problème du clavier virtuel HTML5 bloquant la zone de saisie

Partagez la solution au problème du clavier virtuel HTML5 bloquant la zone de saisie

高洛峰
Libérer: 2017-03-12 16:10:45
original
1276 Les gens l'ont consulté

Cet article partage principalement la solution au problème du clavier virtuel HTML5 qui semble bloquer la zone de saisie. Il a une très bonne valeur de référence, jetons un oeil avec l'éditeur ci-dessous

Sans plus tarder, veuillez regarder le code :


//防止键盘把当前输入框给挡住
$$('input[type="text"],textarea').on('click', function () {
  var target = this;
  setTimeout(function(){
        target.scrollIntoViewIfNeeded();
   },100);
});
Copier après la connexion

partie Applicable aux modèles Android.


if(/Android [4-6]/.test(navigator.appVersion)) {
    window.addEventListener("resize", function() {
        if(document.activeElement.tagName=="INPUT" || document.activeElement.tagName=="TEXTAREA") {
            window.setTimeout(function() {
document.activeElement.scrollIntoViewIfNeeded();
            },0);
        }
    })
}
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal