h5监听浏览器返回，关闭浏览器

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

manda Liu

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

阅读量1.2k

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_42398301/article/details/116229950

版权

需求

监听浏览器返回，点击返回时，显示弹窗，弹窗中有两个按钮，a按钮：关闭当前浏览器，b按钮：关闭弹窗

mounted(){
	// 向历史记录中插入了当前页，
	 //为了ios首次进入页面出现底部返回按钮
	if (window.history && window.history.pushState) {
	    window.history.pushState(null, null, document.URL);
	    window.addEventListener('popstate', this.goBack, false);
	}
},
methods:{
 	goBack() {
      this.backPop = true;
      // console.log("点击了浏览器的返回按钮",this.backPop);
    },
    //a按钮：关闭浏览器
    closePage() {
      // window.opener=null;window.open('','_self');window.close();
      if (/android/i.test(navigator.userAgent)){
　　      // 安卓手机
　　      //写了两种，网上仅有一种，经测试，部分安卓手机关不掉
          document.addEventListener('WeixinJSBridgeReady', function(){ WeixinJSBridge.call('closeWindow'); }, false);
          WeixinJSBridge.call('closeWindow');
      }
      if (/ipad|iphone|mac/i.test(navigator.userAgent)) {
        //  苹果手机
        WeixinJSBridge.call('closeWindow');
      }
    },
}