ios键盘遮挡输入框问题

Posted codecz6

tags:

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

/**
     * @description: 输入框焦点
     * @param *
     * @return *
     */
    focusField() 
      const activeElement = document.activeElement;
      let offsetTop = activeElement.offsetTop;
      let offsetParent = activeElement.offsetParent;
      if (activeElement === document.body) 
        return;
      
      while (offsetParent !== document.body) 
        offsetTop += offsetParent.offsetTop;
        offsetParent = offsetParent.offsetParent;
      
      // console.log("clientHeight", document.body.clientHeight);
      // console.log(offsetTop); // 距离最外层body的高度
      const viewTop = document.querySelector(".content").offsetTop;
      // console.log(viewTop);// content距离最外层body的高度
      document.querySelector(".container").scrollTop = offsetTop - viewTop - 50;
      // console.log(document.querySelector(".container").scrollTop);
    ,

以上是关于ios键盘遮挡输入框问题的主要内容,如果未能解决你的问题,请参考以下文章

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

iOS- UITextView与键盘回收与键盘遮挡输入框

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

iOS webview html5 移动端 软键盘弹起遮挡输入框

[Cordova/Phonegap] Cordova iOS 应用在第三方输入法的键盘弹出(点击输入框)时,页面不上移,导致输入框被键盘遮挡 的解决办法

IOS系统下虚拟键盘遮挡文本框问题的解决