vue监听物理返回键事件

在一些项目支付页中，有些用户因价格不太满意等导致成交失败，点击返回键退出页面，这个时候可以通过监听用户返回动作来触发某些事件，比如弹出红包优惠等等。

// 判断设备是否支持
mounted() {if (window.history && window.history.pushState) {history.pushState(null, null, document.URL);window.addEventListener("popstate", this.goBack, false);console.log("支持");}
}methods: {// 该方法就是用户点击返回所触发的方法goBack() {// 执行代码...},
}beforeDestroy() {// 页面销毁时，取消监听。否则其他vue路由页面也会被监听window.removeEventListener("popstate", this.goBack, false);},

注意：如果用户连续点击两次返回键，还是会返回上一级页面

如果用于返回跳过过渡页面，谨防返回死循环

vue监听物理返回键事件相关推荐

Android webView中监听物理返回键一层一层退出
前言 fragment中加载webview如果不处理返回键那么当你打开多个H5页面的时候会一次性回退到根级有时候我们需要一个缓冲就是一级一级退出给人一个良好的体验该怎么做呢? 废话不多说 ...
android 监听物理返回键,Android应用开发之react-native 监听Android物理返回键
本文将带你了解Android应用开发之react-native 监听Android物理返回键,希望本文对大家学Android有所帮助. 1. componentWillMount(){ ...
cordova app 监听物理返回键
物理返回键指的是手机系统自带的返回按钮,通过cordova监听返回按钮操作,可以禁止某些页面的返回操作,以及实现点击两次返回按钮退出应用. var pageUrl = window.location. ...
微信公众号监听手机返回键事件jssdk—wx.closeWindow
需求场景: 只有扫码初始进入异业联盟活动页,0元券直接弹框领取成功(如图1) 抛出问题: 进入优惠券包后到另一个页面(如图1) 然后按手机返回会回到异业联盟活动页,始终弹出领取活动页面解决方案: 在 ...
uni-app在安卓手机监听物理返回键
//在项目的首页进行监听onLoad(){ //写在onLoad钩子里使得进入后直接被调用var webview = plus.webview.currentWebview();//调用H5+API获 ...
vue 监听手机返回键---实用
vue打包app的时候点击home键闪退问题,结合实际,问题已解决,希望能帮助各位. 名命 back.js document.addEventListener('plusready', functio ...
iOS小技能：监听H5页面goBack返回事件网页监听APP返回键（NavigationBackItemInjection）
文章目录引言 I . iOS监听H5页面goBack返回事件 1.1 UIWebView 监听H5页面goBack返回事件 1.2 WKWebView监听H5页面goBack返回事件 II. 网页监 ...
原生js监听手机返回键
创建人:hu_time 描述:js监听手机返回键普通页面跳转,监听返回上一页: document.addEventListener("plusready", function() ...
JS 监听手机返回键
JS监听手机返回键,需要用些前端的"奇技淫巧". 核心代码如下: if (window.history && window.history.pushState) { ...

vue监听物理返回键事件

vue监听物理返回键事件相关推荐

最新文章

热门文章