美文网首页
监听微信返回按钮

监听微信返回按钮

作者: greenteaObject | 来源:发表于2017-06-12 11:55 被阅读0次

    利用HTML5的window.history.pushState
    特性,例如 当从A页面进入时,先判断window.history.length==1
    那么调用window.history.pushState
    写进一个空历史记录。并且监听返回键,当按下返回键时(我们是没办法阻止返回事件的,但由于上一个历史记录是空白的,所以的还是当前页面。
    ),监听到返回事件 使用layer弹框插件提示,“您确定要返回微信吗?” 或者其他。点击【再逛逛】,则再次写入空白历史记录,点击【确定】或者再次点击【返回键】则关闭微信浏览器。

    $(function(){
        pushHistory();
    
        window.addEventListener("popstate", function(e) {  //popstate监听返回按钮
            WeixinJSBridge.call('closeWindow');    //执行
        }, false);
    });
    
    function pushHistory() {
        var state = {
            title: "myCenter",
            url: "/subject/frllqxtx.html"
        };
        window.history.pushState(state, state.title, state.url);
    }
    

    popstate就是监听返回按钮的参数,利用这个参数就可以执行一个匿名函数

    相关文章

      网友评论

          本文标题:监听微信返回按钮

          本文链接:https://www.haomeiwen.com/subject/frllqxtx.html