微信页面监听返回事件，关闭页面

最新推荐文章于 2023-12-28 11:22:57 发布

转载最新推荐文章于 2023-12-28 11:22:57 发布 · 9.2k 阅读

微信专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种在微信环境中优雅地关闭网页并管理浏览器历史记录的方法，通过监听popstate事件并调用微信JSBridge的closeWindow方法，实现了在用户点击返回按钮时关闭当前页面的功能。同时，通过pushHistory函数添加了空的历史记录状态，避免了直接关闭页面导致的用户体验不佳。

$(function(){
		pushHistory();
        window.addEventListener("popstate", function(e) {
            //alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能
            //alert('guanbi');
            WeixinJSBridge.call('closeWindow');
            if(typeof(WeixinJSBridge)!="undefined"){
                    WeixinJSBridge.call('closeWindow');
                }else{
                    if (navigator.userAgent.indexOf("MSIE") > 0) {  
                        if (navigator.userAgent.indexOf("MSIE 6.0") > 0) {  
                            window.opener = null; window.close();  
                        }  
                        else {  
                            window.open('', '_top'); window.top.close();  
                        }  
                    }  
                    else if (navigator.userAgent.indexOf("Firefox") > 0) {  
                        window.location.href = 'about:blank ';  
                        //window.history.go(-2);  
                    }  
                    else {  
                        window.opener = null;   
                        window.open('', '_self', '');  
                        window.close();  
                    }
                }
        }, false);
        window.onbeforeunload = function() {
                return;
            } 
        function pushHistory() {
            var state = {
                title: "title",
                url: ""
            };
            window.history.pushState(state, "title", "");
        }
    });