mui 页面后退 ,手机回退事件拦截

文章标签:
2017-8-4 9:16:42     人阅读    

mui 是采用的h5 进行手机页面的操作,那么再系统回退事件,返回上一级的时候需要特殊处理才行

 

1、如果mui整个开发并没有使用webview功能的话,那么页面是无法回退的,这个时候只能自己维护系统的访问历史,自己处理了

2、如果mui使用了 webview进行各个组件的话,那么系统的回退,返回上一级菜单是支持webview

 

我这里重点说一下 mui登录页面  和 首页

  当mui登录页面登录成功了之后,跳转到了系统的首页,那么正常情况下载系统首页按手机的返回键,是直接又回到了 登录页面了。。

这种情况是无法接受的,这个时候我们就需要在 首页进行事件拦截,让他不能退回到登录页面

 

 

下面是系统中拦截的具体代码:

 

var backButtonPress = 0;
					$.back = function(event) {
						backButtonPress++;
						if (backButtonPress > 1) {
							plus.runtime.quit();
						} else {
							plus.nativeUI.toast('再按一次退出应用');
						}
						setTimeout(function() {
							backButtonPress = 0;
						}, 1000);
						return false;
					};

mui提供了 back拦截通能,通过 $.back = function(event)  绑定一个回退事件,我们可以在里面做自己想做的操作,上面是首页连续2次点击回退事件,退出app


原文地址:http://www.itmmd.com/201708/810.html
该文章由 萌萌的IT人 整理发布,转载须标明出处。

  上一篇
下一篇  html5 手机开发框架 - mui开发过程和一些问题
精彩回复
我要追加问题,请求站长解决!
姓名: