处理软键盘弹出问题

最新推荐文章于 2023-10-31 12:40:13 发布

CherryLee_1210

最新推荐文章于 2023-10-31 12:40:13 发布

阅读量242

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/cherrylee_1210/article/details/116134416

版权

js 专栏收录该内容

57 篇文章 1 订阅

订阅专栏

let isReset = false;

document.body.addEventListener('focusin', () => {
  // 软键盘弹出的事件处理
  window.document.body.style.position = 'fixed';
  isReset = false;
});

document.body.addEventListener('focusout', () => {
  isReset = true;
  setTimeout(() => {
    window.document.body.style.position = 'static';
    if (isReset) {
      window.scroll(0, 0);
    }
  }, 300);
});