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

2016-09-06 08:00:00 # 清学小记

| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | `// 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