Maison  >  Article  >  interface Web  >  Que dois-je faire si la zone de saisie est bloquée lors de la création d'un clavier virtuel dans H5 ?

Que dois-je faire si la zone de saisie est bloquée lors de la création d'un clavier virtuel dans H5 ?

Y2J
Y2Joriginal
2017-05-22 13:55:272861parcourir

Cet article présente principalement la solution au problème selon lequel le clavier virtuel HTML5 bloque la zone de saisie. Il a une très bonne valeur de référence, jetons-y un œil avec l'éditeur ci-dessous

Sans plus tarder, veuillez jeter un œil au code :

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

Applicable à certains 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);
        }
    })
}

[Recommandations associées]

1. Tutoriel vidéo gratuit HTML5

2 À propos de la compatibilité du navigateur avec les nouvelles balises H5 détaillées. explication du problème

3. Vous apprendre à utiliser H5 pour changer l'URL actuelle sans actualiser

4. >Fonctionnement de la base de données via phonegapTutoriel détaillé

5

Explication détaillée de la façon d'utiliser la base de données indexedDB dans H5.

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!

Déclaration:
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