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

需求

监听浏览器返回，点击返回时，显示弹窗，弹窗中有两个按钮，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');}},
}

h5监听浏览器返回，关闭浏览器相关推荐

云闪付APP内嵌H5监听左上角X关闭事件
最近在做云闪付蓝牙对接,遇到的一个问题. 需求用户进入云闪付APP内嵌 H5页面调用接口连上蓝牙后,可能不想支付使用,或其他原因,随手关闭左上角X关闭浏览器,这时需要监听这个动作,断开蓝牙连接,不然 ...
监听手机返回键或浏览器后退键并自定义跳转地址
/** * 监听手机返回键或浏览器后退键并自定义跳转地址 * oldUrl 本页对应的url * backUrl 后退到页面的Url */ function backBtnToUrl(oldU ...
iOS小技能：监听H5页面goBack返回事件网页监听APP返回键（NavigationBackItemInjection）
文章目录引言 I . iOS监听H5页面goBack返回事件 1.1 UIWebView 监听H5页面goBack返回事件 1.2 WKWebView监听H5页面goBack返回事件 II. 网页监 ...
uniapp中监听用户返回
业务需求:小程序中有一个index页面专门用来处理通过链接,然后拿到参数之后跳转相应的页面,跳转到指定页面之后,用户点击左上角返回,返回到首页.但是默认的返回按钮应该是按历史路径返回的,所以返回的时候 ...
uniapp APP开发监听顶部返回按钮到指定页面
目录 1.使用原生顶部导航栏 2.使用自定义顶部导航栏 1.使用原生顶部导航栏 onBackPress 监听页面返回,返回 event = {from:backbutton. navigateBack ...
微信公众号监听手机返回键事件jssdk—wx.closeWindow
需求场景: 只有扫码初始进入异业联盟活动页,0元券直接弹框领取成功(如图1) 抛出问题: 进入优惠券包后到另一个页面(如图1) 然后按手机返回会回到异业联盟活动页,始终弹出领取活动页面解决方案: 在 ...
js监听手机返回按键操作，禁用返回按键操作。
**使用到的技术要点:**history.pushState() 原理暂不做解释,后续再做补充,可参考popstate官方文档 1.禁用手机返回按键,引入直接可用,亲测. XBack = {};(fu ...
h5监听ender事件_Ender的工作-软件工程师还是人类保护者？
h5监听ender事件 A great analysis of how Ender's Game (one of my all time favorite books, I've read the w ...
JS 监听手机返回键
JS监听手机返回键,需要用些前端的"奇技淫巧". 核心代码如下: if (window.history && window.history.pushState) { ...
原生js监听手机返回键
创建人:hu_time 描述:js监听手机返回键普通页面跳转,监听返回上一页: document.addEventListener("plusready", function() ...

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

需求

h5监听浏览器返回，关闭浏览器相关推荐

最新文章

热门文章