安卓手机点击input 自带键盘会挡住输入框的问题

SuTongA

于 2019-07-24 10:36:09 发布

阅读量851

点赞数 2

分类专栏： js javascript 文章标签： input 安卓手机

本文链接：https://blog.csdn.net/qq_43071910/article/details/97109505

版权

js 同时被 2 个专栏收录

7 篇文章

订阅专栏

javascript

5 篇文章

订阅专栏

本文介绍了一种解决安卓设备上输入法键盘遮挡输入框的方法，通过使用JavaScript监听窗口大小变化并确保活动输入框始终处于视口可见范围内。

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

1.写个js即可（对于vue项目，将js写在mounted即可）

 // 处理安卓手机输入法遮挡输入框问题
    if ((/Android/gi).test(navigator.userAgent)) {
        window.addEventListener('resize', function () {
            if (document.activeElement.tagName == 'INPUT' || 
                document.activeElement.tagName == 'TEXTAREA') {
                window.setTimeout(function () {
                    document.activeElement.scrollIntoViewIfNeeded();
                }, 0);
            }
        });
    }

写上这段js 点击input 会自动将input显示在可视区域