uniapp踩坑（五）：监听手机物理返回键和滑动返回事件

需求android端和ios端点击手机物理返回键（左上角的）或页面滑动键退出后，弹出弹框，点击确定后才退出该页面。截图展示：实现代码：在onBackPress()方法中实现。注意一定要在success后面加上.bind(this)代码，不然ios端会出现，点击物理返回键后，先退出该页面在出现弹框的问题。亲测有效（ios端和android端已测）onBackPress() {//console.lo

HHYi

13164人浏览 · 2020-12-30 16:20:20

HHYi · 2020-12-30 16:20:20 发布

需求
android端和ios端点击手机物理返回键（左上角的）或页面滑动键退出后，弹出弹框，点击确定后才退出该页面。
截图展示：
在这里插入图片描述

实现代码：
在onBackPress()方法中实现。
注意一定要在success后面加上.bind(this)代码，不然ios端会出现，点击物理返回键后，先退出该页面在出现弹框的问题。
亲测有效（ios端和android端已测）

onBackPress() {
	//console.log("press back");
	uni.showModal({
		title: '退出该页面后将关闭此次轨迹记录',
		confirmText: '退出',
		success: function(res) {
			if (res.confirm) {
				.....//此处把你退出后需要的方法写上就行
				this.stopGetLocation();
				this.started = false;
				this.imgpath = '../../static/open.png'
			}
		}.bind(this)//此处bind是关键
	})
},