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手机");

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容