Was soll ich tun, wenn die virtuelle HTML5-Tastatur erscheint und das Eingabefeld blockiert?

In diesem Artikel wird hauptsächlich die Lösung des Problems vorgestellt, dass die virtuelle HTML5-Tastatur das Eingabefeld blockiert. Es hat einen sehr guten Referenzwert. Schauen wir es uns mit dem Editor an. Ich hoffe, es kann allen helfen.

Schauen Sie sich ohne weitere Umschweife den Code an:

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

Gilt für einige Android-Modelle.

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

Verwandte Empfehlungen:
Virtuelle Tastatur, der Schmerz der mobilen Webentwicklung_html/css_WEB-ITnose

Personalisierung erstellen Die Mächtigen Jquery virtuelle Tastatur (VirtualKeyboard)_jquery

jquery implementiert Seiteneffekte für virtuelle Tastaturen_jquery

Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn die virtuelle HTML5-Tastatur erscheint und das Eingabefeld blockiert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!