iOS点击输入框失去焦点时键盘收回时有空白

在做项目的过程中发现当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手机");

}

你可能感兴趣的:(iOS点击输入框失去焦点时键盘收回时有空白)