欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

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

程序员文章站 2022-04-02 08:05:46
1.给input框添加blur事件2.在input框失焦后,先判断当前设备的系统是安卓还是iosinputBlur(){var ua = window.navigator.userAgent.toLowerCase();if(ua.indexOf(‘android’) > 0) {do...

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)
}
},

本文地址:https://blog.csdn.net/weixin_45373521/article/details/109360872