解决IOS中input失焦后,页面上移,点击不了问题

2次阅读

共计 531 个字符,预计需要花费 2 分钟才能阅读完成。

IOS 在 Input 失焦后,发现 body 的页面会停止不下来,并且页面上的输入框,按钮点击事件,全部都移位了,需要滑动一下才可以正常。

下面是解决方法,可全局引用:

var u = navigator.userAgent;
var flag;
var myFunction;
var isIOS = !!u.match(/\(i[^;]+;(U;)? CPU.+Mac OS X/);
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”})// 重点 ======= 当键盘收起的时候让页面回到原始位置 (这里的 top 可以根据你们个人的需求改变,并不一定要回到页面顶部)

}, 200);
} else {
return
}
})
} else {
return
}

正文完
 0