JS 解决安卓手机输入框被软键盘遮住的问题

Posted where there is a will, there i

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS 解决安卓手机输入框被软键盘遮住的问题相关的知识,希望对你有一定的参考价值。

安卓手机输入框被软键盘遮住的问题,如何在点击输入框的时候类似与ios那种,输入框直接在软件盘的上面,而不会被遮住

 

 

在代码中加入如下代码:

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

 

以上是关于JS 解决安卓手机输入框被软键盘遮住的问题的主要内容,如果未能解决你的问题,请参考以下文章

安卓手机底部输入框被软键盘遮挡的坑

Android dialog 遮住输入框的解决思路

Android WebView加载页面的输入框被软键盘遮挡的问题

安卓手机点输入输入框不出来键盘

flutter TextField 输入框被软键盘挡住的解决方案

h5输入框加载手机键盘超时卡死