欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

uniapp踩坑(五):监听手机物理返回键和滑动返回事件

程序员文章站 2022-06-23 10:03:07
需求android端和ios端点击手机物理返回键(左上角的)或页面滑动键退出后,弹出弹框,点击确定后才退出该页面。截图展示:实现代码:在onBackPress()方法中实现。注意一定要在success后面加上.bind(this)代码,不然ios端会出现,点击物理返回键后,先退出该页面在出现弹框的问题。亲测有效(ios端和android端已测)onBackPress() {//console.log("press back");uni.showModal({title: '退...

需求
android端和ios端点击手机物理返回键(左上角的)或页面滑动键退出后,弹出弹框,点击确定后才退出该页面。
截图展示:
uniapp踩坑(五):监听手机物理返回键和滑动返回事件
uniapp踩坑(五):监听手机物理返回键和滑动返回事件
实现代码:
在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是关键
	})
},

本文地址:https://blog.csdn.net/HYilalala/article/details/111992761