监听微信返回按钮事件

image

微信公众号开发进入页面A,如上图;
点击“查看做题结果”,进入虚拟页面B(页面B是覆盖在页面A上的fixed页面),如下图:

image

希望在页面B点击返回,不是直接退出,而是返回页面A,在页面A点返回才是退出。

//点击“查看做题结果”,打开页面B
vm.startPaper = function() {
        ...你的事件处理...
        vm.doingPaper = true;
        pushHistory();
};
//关闭页面B,返回页面A,需要执行的事件
vm.goHome = function() {
    ...你的事件处理...
    vm.doingPaper = false;
};
////监听popstate事件
var state = {};                 
window.addEventListener("popstate", function(e) {  //popstate监听返回按钮
    if(vm.doingPaper){
        window.location.href = state.url;
        vm.doingPaper = false;
        $timeout(function(){
            vm.goHome();
        },100)
    }else{
         WeixinJSBridge.call('closeWindow');
    }
}, false);

function pushHistory() {
    state = {
        title: vm.title,
        url: location.href
    };
    history.pushState(state, state.title, state.url);
}

参考地址:
http://blog.csdn.net/xcqingfeng/article/details/70800118

posted @   MiyaMiya  阅读(3081)  评论(0编辑  收藏  举报
编辑推荐:
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
阅读排行:
· DeepSeek 解答了困扰我五年的技术问题。时代确实变了!
· PPT革命!DeepSeek+Kimi=N小时工作5分钟完成?
· What?废柴, 还在本地部署DeepSeek吗?Are you kidding?
· DeepSeek企业级部署实战指南:从服务器选型到Dify私有化落地
· 程序员转型AI:行业分析
点击右上角即可分享
微信分享提示