Android手机数字键盘遮住输入框问题解决
2018-10-08 本文已影响0人
Cathy_daydayup
在H5页面设计过程中，Android手机经常遇到数字键盘遮住输入框的问题，该问题无法使用focus事件来进行解决，因为当把数字键盘折叠之后，再次点击输入框时无法触发focus事件。
使用click事件来解决此类问题（click事件触发如下函数）：
const isAndroid = navigator.userAgent.indexOf('Android') > -1;
goToTop() {
if (isAndroid) {
const input = document.getElementById('input');
setTimeout(() => {
input.scrollIntoView(true);
}, 100);
}
}
