iOS设备上,h5输入框失焦后页面上推,部分bug解决对于这个bug,首先我们要知道focusin(软键盘弹出事件)和focusout(软键盘弹出事件)这两个方法键盘关闭事件)。注意:这里输入框的位置是在页面底部。废话不多说,直接写代码//解决iOS软键盘弹出,部分页面上推的bugvaru=navigator.userAgent;变量标志;变种我的功能;varisIOS=!!u.match(/\(i[^;]+;(U;)?CPU.+MacOSX/);if(isIOS){document.body.addEventListener('focusin',()=>{//软键盘弹出事件flag=true;clearTimeout(myFunction);})document.body.addEventListener('focusout',()=>{//软键盘关闭事件flag=false;if(!flag){myFunction=setTimeout(function(){window.scrollTo({top:0,left:0,behavior:"smooth"})//key=======让页面回到原来的时候keyboardisclosed位置(这里的置顶可以根据个人需要改变,不一定要返回页面顶部)},200);}else{return}})}else{return}看到了评论,可能很多人不知道这个bug怎么来的,请看下面的截图
