Android手机下输入框获取焦点时, 输入法挡住输入框bug的解决方法

发布于 2016年9月7日| 更新于 2018年6月26日| 分类于清学小记、燕衔春泥| 标签 WeUI、安卓input获得焦点、输入法遮挡住input| 0

// Android 手机下输入框获取焦点时, 输入法会挡住输入框
// 相关 issue: https://github.com/weui/weui/issues/15
// 解决方法:
// 参考 http://stackoverflow.com/questions/23757345/android-does-not-correctly-scroll-on-input-focus-if-not-body-element
// Android 手机下, input 或 textarea 元素聚焦时, 主动滚动
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);
        }
    })
}

摘自： WeUI

本文作者： 北门清燕
本文链接： https://www.bmqy.net/1478.html
版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。

共享此文章：

发表评论 取消回复

发表评论取消回复