H5,input输入时,软键盘弹起不能自动收回

H5,input输入时,软键盘弹起不能自动收回(ios,安卓正常) 

 //键盘收起以后页面缩回
    $(".form p input").on("blur",function(){
        var toFix=$(this).offset().top;
        window.scroll(0,toFix);//失焦后强制让页面归位
    });

之前没发现这个问题,这次做下载页,竟然发现这个问题,查询发现是由于微信改版造成的

此方法可以完美解决

<input @blur.prevent="inputLoseFocus" v-if="activityForm.name" v-model="publishForm.name" type="text" placeholder="姓名">

 // 解决调起手机软键盘页面被顶到底部再关闭软键盘页面底部留白的问题
    inputLoseFocus() {     
        setTimeout(() => {
            var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
            window.scrollTo(0, Math.max(scrollHeight - 1, 0));
        }, 100);
    },

猜你喜欢

转载自blog.csdn.net/yangdl6/article/details/86291197