H5页面在微信浏览器打开 ios 键盘收起后弹出层焦点错位

最新推荐文章于 2023-09-14 21:13:32 发布

ReBuildLife

最新推荐文章于 2023-09-14 21:13:32 发布

阅读量285

点赞数

文章标签： vue.js javascript

本文链接：https://blog.csdn.net/fanzijianPobo/article/details/108054097

版权

在微信中打开页面，当这个页面有多个input输入框时，点击input弹出键盘后，再次点击下一个input时，发现点击无效，像是body整体错位了(向上移动了)，这是因为键盘弹出后，弹出的键盘层会把页面整体网上顶，当键盘回收的时候，视图上页面也往下回收了，但dom元素事件响应层还有没有回来
处理方案：
在input上加上blur事件
@blur.prevent=“change”

change() {
window.scrollTo(0, 0)
}