懒妹子,第一次开始想写博客，有那么一丢丢小激动呢 ememem--进入正题，分享关于个别iphoneX输入框失去焦点的bug

Posted 2021-01-30 littleqiu

近来iphone新机铺面而来，作为一个自己没有iphone最新机的小前端，也只有羡慕的份啦，不过呢代码还是要码的，新机的bug还是要改滴，iphone x系列包括xs xr，当input获取焦点后键盘弹起，页面随着键盘向上滑动，一切正常，然鹅，当输入完，点击手机键盘自带的完成按钮，或者是你要进入下一步操作，例如登录的时候，输入框自然就失去了焦点，问题来了，页面并没有随着键盘滑动下来，且页面的点击事件也触发不了，个人想到的解决办法，直接贴代码

//原生写法   
document.documentElement.addEventListener("focusout",function(){
           document.documentElement.scrollTop = 0
        })

1.focusout == 支持事件冒泡，事件捕获，也就是把事件监听到window或者document上，可以监听到页面内所有的失去焦点事件(可兼容IE)

2.blur == 不支持事件冒泡，需要把事件监听到具体的哪个input上