近来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上
原文地址:https://www.cnblogs.com/littleQiu/p/10178206.html
时间: 2024-10-29 17:10:20