阻止微信后退,阻止微信页面关闭 history.pushState 无刷新改变页面URL

最新推荐文章于 2024-06-28 17:19:49 发布

青光

最新推荐文章于 2024-06-28 17:19:49 发布

阅读量8.2k

点赞数

分类专栏：微信开发文章标签：微信禁止后退历史记录阻止微信退出 pushState

本文链接：https://blog.csdn.net/u012875794/article/details/54629472

版权

微信开发专栏收录该内容

1 篇文章 0 订阅

订阅专栏

阻页面后退 防止页面关闭

<!DOCTYPE html>
<html>
<head>
    <title>阻止微信后退按钮</title>

    <script>
      var isFirstLoad = true; //是否是第一次进入进入页面 勿用
      var needBack=false;    //是否允许浏览器后退
      $(function ()
    {
        //通过手动插入当前网页历史记录,防止离开本页填写信息丢失
        window.addEventListener("popstate", function ()
        {
            var currentState = history.state;
                  //阻止后退
            if (needBack==false) 
                  {
			//添加一条历史记录防止后退
                        history.pushState({}, "名称", window.location.href);
            }
            else   
                  {
                if (isFirstLoad == true)
                {
                    //苹果手机自动激活一次 popstate事件 导致页面自动退出
                    isFirstLoad = false;
                    return false;
                }
                history.back();  //执行后退
            }
        });
      });
    </script>

</head>

<body>
	微信禁止后退处理
</body>
</html>