解决IOS中input失焦后页面不回退问题

最新推荐文章于 2019-11-01 17:24:06 发布

weixin_34255793

最新推荐文章于 2019-11-01 17:24:06 发布

阅读量398

点赞数 2

CC 4.0 BY-SA版权

文章标签：操作系统

原文链接：https://juejin.im/post/5c936c64f265da60ea145ecb

博客提及可全局引入，但未给出更多关键信息。推测与信息技术领域的某种资源或功能的全局引入有关。

可全局引入

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({ bottom: 0, left: 0, behavior: "smooth" })//重点  =======当键盘收起的时候让页面回到原始位置(这里的bottom可以根据你们个人的需求改变，并不一定要回到页面底部)

                }, 200);
            } else {
                return false
            }
        })
    }
复制代码