IOS获取焦点页面上移问题

最新推荐文章于 2023-03-28 14:21:31 发布

weixin_34049032

最新推荐文章于 2023-03-28 14:21:31 发布

阅读量895

点赞数

文章标签： javascript ViewUI

原文链接：https://segmentfault.com/a/1190000018045536

版权

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 {