ios手机 input输入框键盘消失后,键盘区域仍存在

这个问题会导致页面定位的按钮会失灵,所以当键盘消失后,我们要想办法将页面拉下来,通过监听键盘事件,来解决:

  let keyTimer = null;
  document.body.addEventListener('focusin', () => {
    //软键盘弹起事件
    clearTimeout(keyTimer);
  });
  document.body.addEventListener('focusout', () => {
    // 软键盘关闭事件
    window.scrollTo(0, 0);
    keyTimer = setTimeout(() => {
      if (window.pageYOffset > 0) {
        window.scrollTo(0, 0);
      }
    }, 200);
  });
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,855评论 1 11
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,190评论 4 61
  • 2017.02.22 可以练习,每当这个时候,脑袋就犯困,我这脑袋真是神奇呀,一说让你做事情,你就犯困,你可不要太...
    Carden阅读 5,182评论 0 1
  • 从人性的本质来看,我们每个人当然最关心的是自己。 喜欢讲述自己的事,喜欢听到与自己有关的东西。由于这种心理,有些人...
    dear心理咨询师黄倩雯阅读 5,019评论 1 7
  • 诗∥让我们携手并肩 注:进入简书以来,拜读学习各位简友佳作,悟到许多写作方面的经验,充实了自己,增强了写作兴趣。更...
    人杰地灵_2eeb阅读 6,141评论 35 95