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

近来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上




posted @ 2018-12-26 12:28  懒妹子  阅读(558)  评论(0编辑  收藏  举报