原文地址:https://blog.csdn.net/qq_39584800/article/details/86561134
H5页面IOS中键盘弹出错位的问题
在实际的开发中,H5的页面在ios系统上可能会遇到这样的问题;就是键盘弹出的时候页面产生错位问题,这会导致在触发事件操作的时候不触发这个事件,解决方法很简单;
//jQuery下
$("input").blur(function(){
console.log('失去焦点')
window.scrollTo(0,0);
});//这样就会完美的解决这问题
//原生javascript下
let input = document.getElementsByTagName('input');
input.onblur=function(){
console.log('失去焦点')
window.scrollTo(0,0);
}
这是在普通的开发中解决的方法
vue项目中,键盘弹出错位问题
首先在vue中引入jQuery,在其他文章中有怎么引入的方法,请查看我的其他文章
引入jQuery后在直接在,vue的mounted()钩子函数写入上面的代码,就OK了