在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);
}
}