H5-input 弹起键盘遮盖输入框(Android),键盘顶不起来输入框， ios正常_android网页无法弹起输入框

作者：小小林熬夜学编程 | 2024-03-27 03:11:50

踩

android网页无法弹起输入框

遇到H5页面-input 弹起键盘遮盖输入框(Android),键盘顶不起来输入框，

用js的resize()方法对浏览器窗口调整大小进行计数：览器窗口的大小时，发生 resize 事件。就可以解决

window.addEventListener('resize', () => {        
      if (document.activeElement.tagName == 'INPUT') {                      
        window.setTimeout(() => { document.activeElement.scrollIntoViewIfNeeded();            
        }, 100);        
      } 
    })
1
2
3
4
5
6

转自：https://blog.csdn.net/weixin_43549408/article/details/84986323

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/321549