解决微信公众号页面的按返回键隐藏弹框，而不是跳回到上一个页面的问题

为什么80%的码农都做不了架构师？>>>   

第一、 先在自动加载的jQuery函数里添加以下jQuery代码：

目的：监听浏览器的返回按钮事件。

    $(function(){
        //监听浏览器的返回按钮事件
        window.addEventListener("popstate", function(e) {
            if ($('.hw-overlay').css('display') == 'block'){
                hideLayer();
            }else {
                history.back();
            }
          }, false);
    });

第二、 然后在调起弹框显示的那个js函数加上以下的js代码：

目的：使得弹框出来的时候，页面返回按钮事件失效。

            //防止页面后退
            history.pushState(null, null, document.URL);

 

 

 

转载于:https://my.oschina.net/24kb/blog/1546319