H5页面IOS中键盘弹出错位的问题

原文地址：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了