解决安卓手机键盘遮住输入框

最新推荐文章于 2024-03-05 11:40:21 发布

小墨宝

最新推荐文章于 2024-03-05 11:40:21 发布

阅读量1k

点赞数

分类专栏： h5

本文链接：https://blog.csdn.net/qq_38935512/article/details/115381754

版权

h5 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个简单的JavaScript解决方案，用于确保当浏览器窗口大小发生变化时，活动的输入框或文本区域始终处于可视范围内。通过使用`scrollIntoViewIfNeeded`方法，可以改善用户体验，特别是在移动端设备上。

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

window.addEventListener('resize', function () {
                alert(document.activeElement.tagName);
                if (document.activeElement.tagName === 'INPUT' || document.activeElement.tagName ===
                    'TEXTAREA') {
                    window.setTimeout(function () {
                        document.activeElement.scrollIntoViewIfNeeded()
                    }, 0)
                }
            })