其他分享
首页 > 其他分享> > IOS在Input失焦后,页面移位了,无法点击

IOS在Input失焦后,页面移位了,无法点击

作者:互联网

解决代码:

var u = navigator.userAgent;
  var flag;
  var myFunction;
  var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
  if (isIOS) {
    document.body.addEventListener('focusin', () => {  //软键盘弹起事件
      flag = true;
      clearTimeout(myFunction);
    })
    document.body.addEventListener('focusout', () => { //软键盘关闭事件
      flag = false;
      if (!flag) {
        myFunction = setTimeout(function () {
          window.scrollTo({ top: 0, left: 0, behavior: "smooth" })//重点  =======当键盘收起的时候让页面回到原始位置(这里的top可以根据你们个人的需求改变,并不一定要回到页面顶部)

        }, 200);
      } else {
        return
      }
    })
  } else {
    return
  }

转自:https://segmentfault.com/a/1190000018028182?utm_source=tag-newest

标签:myFunction,body,isIOS,IOS,flag,失焦,var,Input,页面
来源: https://blog.csdn.net/qq_35081500/article/details/99729269