解决 h5 唤起键盘后，导致了页面偏移。

最新推荐文章于 2024-08-16 09:41:19 发布

爱来尔

最新推荐文章于 2024-08-16 09:41:19 发布

阅读量1.2k

点赞数

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_29615135/article/details/108662532

版权

本文详细介绍了在H5应用中，当输入框聚焦唤起软键盘时导致页面整体上移的常见问题。通过JavaScript技术，探讨如何监听键盘弹出并调整页面布局，确保用户体验不受影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

window.addEventListener('resize', () => {
  if (document.activeElement.tagName == 'INPUT' || document.activeElement.tagName === 'TEXTAREA') { 
    window.setTimeout(() => {
      if ('scrollIntoView' in document.activeElement) {
        document.activeElement.scrollIntoView();
      } else {
        document.activeElement.scrollIntoViewIfNeeded();  
      }
    }, 50);
  }
});