UNI监听页面返回2次退出APP

最新推荐文章于 2025-04-28 17:26:34 发布

百味苦

最新推荐文章于 2025-04-28 17:26:34 发布

阅读量4.4k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： uni 文章标签： UNI禁止页面返回

本文链接：https://blog.youkuaiyun.com/qq_38026437/article/details/103628525

uni 专栏收录该内容

28 篇文章

订阅专栏

本文介绍了一种在uni项目中防止用户误操作返回及连点两次退出应用的方法。通过在页面生命周期的onBackPress中增加计数器，实现首次点击提示再次点击将退出应用，第二次点击则真正退出。此技巧适用于需要提升用户体验的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目中常用的功能，阻止页面返回，连点2次退出

在uni中页面的生命周期有一个 onBackPress

只要知道这个生命周期怎么使用就可以运用了

只需要在当前页面加上

onBackPress(options) {  
				this.backButtonPress++;
				if (this.backButtonPress > 1) { 
					plus.runtime.quit();
				} else {
					plus.nativeUI.toast('再按一次退出应用');
				} 
				setTimeout(function() {
					this.backButtonPress = 0;
				}, 1000);
				return true;
		},

就可以实现连点

注意backButtonPress：0 要在全局data中加上

而且onBackPress 只有返回 true 时，才是禁止页面跳转。