Heim >Web-Frontend >H5-Tutorial >Was tun, wenn die virtuelle H5-Tastatur das Eingabefeld blockiert?

Was tun, wenn die virtuelle H5-Tastatur das Eingabefeld blockiert?

php中世界最好的语言
php中世界最好的语言Original
2018-03-26 14:26:453043Durchsuche

Dieses Mal zeige ich Ihnen, was zu tun ist, wenn die virtuelle H5-Tastatur das Eingabefeld blockiert. Was sind die Vorsichtsmaßnahmen, wenn die virtuelle H5-Tastatur das Eingabefeld blockiert? Schauen Sie mal rein.

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

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Empfohlene Lektüre:

Ausführliche Erklärung der H5-Speichermethode

zepto ermöglicht nahtloses Auf- und Abscrollen auf der mobilen Seite

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn