4***@qq.com
4***@qq.com
  • 发布:2017-07-23 15:13
  • 更新:2017-07-23 15:13
  • 阅读:1693

监听安卓返回键遇到的问题。求大神帮忙解决下

分类:MUI

index页面只写的底部选项卡点击后跳转到对应子页面(都是外部网址)
在各个子页面监听安卓返回键后。当点击A页面里的链接进入可以按安卓返回键返回。
现在问题来了!!!
遇到的问题: 当点击A页面的链接进入后,再点击底部选项卡选择B页面,在B页面里随便点击一个链接后B页面按安卓返回键可以返回。这时点击底部选项卡选择A页面再按安卓返回键就会提示无法再后退了。

意思就是A页面点了链接后,再去B页面随便点击后,B页面可以后退,这时切换到A页面,应该是可以返回到A页面上一个页面,问题就是无法返回。

以下贴出index页面代码以及A,B页面代码,求大神指点下!!!感谢

index页面代码

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8">  
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />  
    <title></title>  
    <script src="js/mui.min.js"></script>  
    <link href="css/mui.min.css" rel="stylesheet"/>  
    <link rel="stylesheet" type="text/css" href="css/style.css"/>  
    <link rel="stylesheet" type="text/css" href="css/iconfont.css"/>  
    <script type="text/javascript" charset="utf-8">  
      	mui.init();  
    </script>  
</head>  
<body>  
	<div class="mui-content">  
	  <nav class="mui-bar mui-bar-tab">  
	       <a id="defaultTab" class="mui-tab-item mui-active" href="1.html">  
	        <span class="mui-icon mui-icon-home"></span>  
	        <span class="mui-tab-label">首页</span>  
	       </a>  
	       <a class="mui-tab-item" href="2.html">  
	        <span class="mui-icon mui-icon-search"></span>  
	        <span class="mui-tab-label">搜卷</span>  
	       </a>  
	       <a class="mui-tab-item" href="6.html">  
	        <span class="mui-icon iconfont icon-9"></span>  
	        <span class="mui-tab-label">9.9包邮</span>  
	       </a>  
	       <a class="mui-tab-item" href="sx.html">  
	        <span class="mui-icon iconfont icon-jinrishangxin"></span>  
	        <span class="mui-tab-label">每日上新</span>  
	       </a>  
	       <a class="mui-tab-item" href="gywm.html">  
	        <span class="mui-icon iconfont icon-guanyu"></span>  
	        <span class="mui-tab-label">关于我们</span>  
	       </a>  
	    </nav>  
	</div>  
	<!--  
    	第一步引入castapp.js  
    	第二步写js  
    	第三步ca.init();初始化  
    -->  
    <!--  
    	第一步引入castapp.js  
    -->  
    <script type="text/javascript" src="js/castapp.js" ></script>  
    <!--  
    	第二步写js  
    	第三步ca.init();初始化  
    -->  
    <script type="text/javascript">  
    	ca.init();  
        var pathArray = ['1.html','2.html','6.html','sx.html','gywm.html'];  
        castapp.tabBar(pathArray);  
    </script>  
      
</body>  
</html>

A页面代码

<!doctype html>  
<html>  
  
	<head>  
		<meta charset="UTF-8">  
		<title></title>  
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />  
		<link href="css/mui.min.css" rel="stylesheet" />  
		<link rel="stylesheet" type="text/css" href="css/style.css"/>  
		<script src="js/mui.min.js"></script>  
		  
	</head>  
  
	<body>  
		<header class="mui-bar mui-bar-nav heaber-bg">  
		          
		    <h1 class="mui-title">创客优选</h1>  
		</header>  
		<div class="mui-content">  
		     <script type="text/javascript" src="js/castapp.js" ></script>  
		  <script type="text/javascript">  
			mui.init();  
			mui.plusReady(function() {  
				var self = plus.webview.currentWebview();  
				var youhuixWV = plus.webview.create("http://www.youhuix.com", "youhuix", {  
					top: "0px",  
					bottom: 0,  
					titleNView:{  
            progress:{  
                color:'#0000FF'         //进度条的颜色  
               },  
            titleColor:'#FAFAFA',   //标题栏文字颜色为白色  
            autoBackButton:"true",  
            titleText:" "  
            }  
                  });  
				self.append(youhuixWV);  
				/**  
				 * 重写mui.back()方法  
				 * http://dev.dcloud.net.cn/mui/window/#closewindow  
				 */  
				/**  
				 * 监听子窗口对象是否可后退  
				 * http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewObject.canBack  
				 */  
				//下面是安卓返回键  
                 plus.key.addEventListener("backbutton",function(){     //监听返回按键  
                  youhuixWV.canBack(function(event) {  
						var canBack = event.canBack;  
						if(canBack) {  
							youhuixWV.back();  
						} else {  
							alert("到头了,不能后退了!");  
						}  
					});  
                                                                 });  
                     
                //上面是安卓返回键  
  
				  
			});  
			  
		</script>  
		  
		  
		  
		   
	   </div>  
	</body>  
	  
  
</html>

B页面代码

<!doctype html>  
<html>  
  
	<head>  
		<meta charset="UTF-8">  
		<title></title>  
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />  
		<link href="css/mui.min.css" rel="stylesheet" />  
		<link rel="stylesheet" type="text/css" href="css/style.css"/>  
		<script src="js/mui.min.js"></script>  
		  
	</head>  
  
	<body>  
		<header class="mui-bar mui-bar-nav heaber-bg">  
		          
		    <h1 class="mui-title">创客优选</h1>  
		</header>  
		<div class="mui-content">  
		     <script type="text/javascript" src="js/castapp.js" ></script>  
		  <script type="text/javascript">  
			mui.init();  
			mui.plusReady(function() {  
				var self = plus.webview.currentWebview();  
				var cesWV = plus.webview.create("http://www.baidu.com", "ces", {  
					top: "0px",  
					bottom: 0,  
					titleNView:{  
            progress:{  
                color:'#0000FF'         //进度条的颜色  
               },  
            titleColor:'#FAFAFA',   //标题栏文字颜色为透明  
            autoBackButton:"true",  
            titleText:" "  
            }  
                  });  
				self.append(cesWV);  
				/**  
				 * 重写mui.back()方法  
				 * http://dev.dcloud.net.cn/mui/window/#closewindow  
				 */  
				/**  
				 * 监听子窗口对象是否可后退  
				 * http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewObject.canBack  
				 */  
				//下面是安卓返回键  
                 plus.key.addEventListener("backbutton",function(){     //监听返回按键  
                  cesWV.canBack(function(event) {  
						var canBack = event.canBack;  
						if(canBack) {  
							cesWV.back();  
						} else {  
							alert("到头了,不能后退了!");  
						}  
					});  
                                                                 },false);  
                     
                //上面是安卓返回键  
  
				  
			});  
			  
		</script>  
		  
		  
		  
		   
	   </div>  
	</body>  
	  
  
</html>

以上是代码,求大神指点!万分感谢~!

2017-07-23 15:13 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复