在做项目的过程中发现当input框失去焦点的时候键盘收起页面会留空白,iOS上有这个问题,Android正常,上网搜索大多数写的都是当失去焦点时页面滚回顶部,历尽万难找到了解决办法(前端小白菜),这里记录一下:
1. 首先判断一下机型是Android还是iOS
2. 在iOS里监测input框输入失去焦点时 滚动高度
//声明滚动变量
var topNum = 0;
$(window).scroll(function(){
topNum = $(window).scrollTop();
// console.log(topNum);
});
var u = navigator.userAgent;
if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机
console.log("安卓手机");
} else if (u.indexOf('iPhone') > -1) {//苹果手机
//ios键盘收不回去
console.log("苹果手机");
$("input").on('blur',function(){window.scroll(0,topNum);})
} else if (u.indexOf('Windows Phone') > -1) {//winphone手机
console.log("winphone手机");
}
网友评论