使用vue开发webApp，安卓手机自带回退键的问题解决

Posted 2020-10-01 疾风_剑豪

首先，我先为大家说明，为什么我要写这篇随笔；

因为我们写的webapp，在安卓手机上，按一次回退键，就会退出app，回到桌面，而不是像原生app一样，会有一个提示，例如，“再按一次退出应用”的这种提示，

按一次退回键就回到桌面，这明显不是我们想要的，废话到此为止，下面上代码；

mui.init({
	keyEventBind: {
		backbutton: true  //关闭back按键监听
	}
});
// //首页返回键处理
// //处理逻辑：1秒内，连续两次按返回键，则退出应用；
var first = null;
mui.back = function() {
	//首次按键，提示‘再按一次退出应用’
	if (!first) {
		first = new Date().getTime();//记录第一次按下回退键的时间
		mui.toast(‘再按一次退出应用‘);//给出提示
		history.go(-1)//回退到上一页面
		setTimeout(function() {//1s中后清除
			first = null;
		}, 1000);
	} else {
		if (new Date().getTime() - first < 1000) {//如果两次按下的时间小于1s，
			plus.runtime.quit();//那么就退出app

} } };

　　只要在index.html里面加上这段代码，就可以实现了，

|--------------------------------------忘

|-----------------------------------------了

|--------------------------------------------一

|-----------------------------------------------件

|---------------------------------------------------事

我们还得引入一个js文件，不然mui.init，就会报mui找不到的错误

<script type=‘text/javascript‘ src=‘./static/mui.min.js‘></script>

就这些，没了

 

 

哎呀，又星期五了，明天可以睡懒觉了，开心