码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2017-08-04 21:32:32      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:说明   gettime   div   script   class   ext   按键监听   index   一个   

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

因为我们写的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>

就这些,没了

 

 

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

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

标签:说明   gettime   div   script   class   ext   按键监听   index   一个   

原文地址:http://www.cnblogs.com/maomao93/p/7287000.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!