监听公众号返回按钮,直接退出到公众号页面

时间:2019-08-29
本文章向大家介绍监听公众号返回按钮,直接退出到公众号页面,主要包括监听公众号返回按钮,直接退出到公众号页面使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

直接退出到公众号页面

window.history.pushState(null, null, "#");
            window.addEventListener('popstate', function(e) {
                WeixinJSBridge.call('closeWindow');
            }, false);

通过监听popstate事件,来判断是否点击返回按钮,比如从A页面跳转到B页面(监听popstate),
然后再跳转到C页面,点击返回的按钮,测试成功,包括安卓版,
但是问题来了,IOS版的微信,是会立即触法popstate事件,导致直接从C页面跳转到A页面,
其他的支付宝(安卓、IOS)、微信(安卓)都是可以,就是微信IOS版不行。

解决方法

var isRun = ''
            var isRuns
            function isRuns() {
                isRun = false
                //                直接退出到公众号页面
                window.history.pushState(null, null, "#");
                window.addEventListener('popstate', function(e) {
                    if(isRun == true) {
                        WeixinJSBridge.call('closeWindow');
                    }
                }, false);
            }
            window.history.pushState(null, null, "#");
            window.addEventListener('pageshow', function() {
                isRun = false;
                setTimeout(function() {
                    isRun = true;
                }, 1000); //延迟1秒 防止微信返回立即执行popstate事件
                isRuns()
            });

原文地址:https://www.cnblogs.com/1212dsa/p/11429279.html