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

监听微信返回按钮

作者: 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就是监听返回按钮的参数,利用这个参数就可以执行一个匿名函数

相关文章

  • 监听微信返回按钮

    利用HTML5的window.history.pushState特性,例如 当从A页面进入时,先判断window....

  • 微信端返回按钮监听处理

    微信端监听‘返回’事件 下面的方法是在移动端实现的,在微信的浏览器中beforeunload等是被阉割掉的,所以用...

  • 微信小程序的返回按钮监听

    目前小程序本身还没有做到监听左上角返回的事件,它的机制现在与浏览器类似。 但是,可以换一种思路,如下: 通过web...

  • 跳转外部域名网站

    解决手机返回按钮的监听页面返回....

  • 2. UITextField

    标签:代理、监听编辑状态、监听返回按钮、键盘属性(返回按钮等)、Storyboard属性详解 一、常用技巧: 1....

  • 可能你所不知道的知识

    一、监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法 虽然我们监听到了后退事件,但是页面还是...

  • 微信浏览器左上角返回按钮的监听

    点击微信浏览器左上角返回按钮,指定跳到对应的页面 点击微信浏览器左上角返回按钮,关闭当前页面返回到微信公众号

  • iOS微信支付结果页面返回原程序按钮

    关于iOS微信支付返回原程序按钮点击处理事件 1:点击右上角的返回App按钮 点击此按钮,走的是正常微信结果回调方...

  • Swift - 监听返回按钮及侧滑返回事件

    今天记录一下监听返回按钮及侧滑返回事件的方法。 项目中,有些特殊的需求,需要监听左上角返回按钮的触发事件,之前的遇...

  • [Flutter]监听Android返回键事件

    需求监听Android返回键按钮点击事件 实现通过 WillPopScope 可以实现对返回键点击事件的监听,通过...

网友评论

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

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