So lösen Sie das Problem, dass die virtuelle HTML5-Tastatur 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 gemeinsam an

Werfen Sie ohne weitere Umschweife einen Blick auf den Code:

//防止键盘把当前输入框给挡住
$$('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);
        }
    })
}

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

HTML5 Plus realisiert die Funktion zum Aufnehmen von Bildern in der mobilen APP oder zum Hochladen ausgewählter Bilder in Alben

Verwenden von HTML5 Canvas zum Zeichnen von Methoden für Schatteneffekte

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem, dass die virtuelle HTML5-Tastatur das Eingabefeld blockiert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!