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

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!