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

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);
});

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);
        }
    })
}

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!