微信自带浏览器环境内左上角返回、关闭按钮事件监控

最新推荐文章于 2024-07-18 14:06:58 发布

原创最新推荐文章于 2024-07-18 14:06:58 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

Api 同时被 2 个专栏收录

4 篇文章

订阅专栏

1 篇文章

订阅专栏

本文介绍了一种通过修改浏览器历史栈来实现页面URL变更的方法，同时利用popstate事件监听浏览器返回操作，根据不同用户代理（如微信、支付宝、百度、普通浏览器）调用相应的关闭窗口函数。代码使用jQuery库实现。

#意思大概是修改历史栈，把给当前页的url加‘#www.hetun99.cn‘，返回的时候就会重新去请求页面了

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
//按
$(function(){
    pushHistory();
  window.addEventListener("popstate", function(e) {
    //alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能
    var ua = navigator.userAgent.toLowerCase();
        if(ua.match(/MicroMessenger/i)=="micromessenger") {
            WeixinJSBridge.call('closeWindow'); //微信
        } else if(ua.indexOf("alipay")!=-1){
            AlipayJSBridge.call('closeWebview'); //支付宝
        }else if(ua.indexOf("baidu")!=-1){
            BLightApp.closeWindow(); //百度
        }else{
            window.close(); //普通浏览器
        }  
  }, false);
  function pushHistory() {
    var state = {
        title: "title",
        url: "#"
    };
    window.history.pushState(state, "title", "#");
  }
});