bug描述:
input聚焦之后,点击键盘上右上角完成,键盘不会主动收起,会有灰色的遮罩板。需要手动触发才能收起。
解决办法:(基于vue)
var isAndroid = navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('Adr') > -1; //android终端
Vue.directive('resetInput', {
// 当被绑定的元素插入到 DOM 中时……
inserted: function (el) {
if(isAndroid){
return
}
el.addEventListener('blur',function(){
var currentPosition, timer;
var speed = 1; //页面滚动距离
timer = setInterval(function() {
currentPosition =
document.documentElement.scrollTop ||
document.body.scrollTop;
currentPosition -= speed;
window.scrollTo(0, currentPosition); //页面向上滚动
currentPosition += speed; //speed变量
window.scrollTo(0, currentPosition); //页面向下滚动
clearInterval(timer);
}, 1);
})
}
})