Heim > Web-Frontend > HTML-Tutorial > Lösung für das Problem, dass die virtuelle HTML5-Tastatur das Eingabefeld blockiert. Tipps zum HTML5-Tutorial

Lösung für das Problem, dass die virtuelle HTML5-Tastatur das Eingabefeld blockiert. Tipps zum HTML5-Tutorial

PHP中文网
Freigeben: 2016-05-16 16:45:43
Original
1813 Leute haben es durchsucht

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 unten an

Schauen Sie sich ohne weiteres den Code an:

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

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);
        }
    })
}
Nach dem Login kopieren

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage