H5+学习 之 返回键功能设计

利用H5+和mui框架实现app
在实现过程发现返回键只能应用于mui.openWindow大开的窗口,但是有时候app里嵌入的是外部链接,在外部连接内可能还有连接想要点击里面的连接后按返回键可以实现返回,当返回到不能在返回的时候连续按两次返回键实现退出应用,下面是我写的js代码,利用mui的beforeback回调实现:

mui.init({
	beforeback:function(e){
		var w=plus.webview.getWebviewById(webviewId); //webviewId:当前Webview窗口对象ID
		w.canBack( function(e){
			if(e.canBack){
				w.back()
			}else{
				//首次按键,提示‘再按一次退出应用’
				if (!first) {
					first = new Date().getTime();
					mui.toast('再按一次退出应用');
					setTimeout(function() {
						first = null;
					}, 1000);
				} else {
					if (new Date().getTime() - first < 1000) {
						plus.runtime.quit();
					}
				}
			}
		});
	}
});

One Response to “ H5+学习 之 返回键功能设计 ”

  1. 月婵说道:

    要顶的啊,博主辛苦了,谢谢

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>