如何解决ios点击输入框后键盘弹起，键盘收起后，输入框不恢复原位置，页面不能回弹导致下方有空白，弹框的确定按钮不能点击

最新推荐文章于 2023-06-12 17:13:17 发布

前端废材老阿姨

最新推荐文章于 2023-06-12 17:13:17 发布

阅读量645

点赞数 2

文章标签： ios vue.js html html5 javascript

本文链接：https://blog.csdn.net/weixin_45373521/article/details/109360872

版权

1.给input框添加blur事件
<input type=“text” placeholder=“手机验证码” maxlength=“4” v-model=“validationCode” @blur=“inputBlur”>
2.在input框失焦后，先判断当前设备的系统是安卓还是ios
inputBlur(){
var ua = window.navigator.userAgent.toLowerCase();
if(ua.indexOf(‘android’) > 0) {
document.querySelector(’#homeContainer’).style.height = ‘100vh’;
}else{
setTimeout(() => {
let scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
window.scrollTo(0, Math.max(scrollHeight - 1, 0));
}, 100)
}
},