美文网首页
iOS点击输入框失去焦点时键盘收回时有空白

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

作者: change_22fa | 来源:发表于2020-01-08 10:35 被阅读0次

    在做项目的过程中发现当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点击输入框失去焦点时键盘收回时有空白

          本文链接:https://www.haomeiwen.com/subject/jmvjactx.html