<!DOCTYPE html>
<html>
<head>
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/mui.min.css">
<link rel="stylesheet" type="text/css" href="css/common.css"/>
<link rel="stylesheet" type="text/css" href="css/patternLock.css"/>
<script src="js/mui.min.js"></script>
<script src="js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.md5.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="js/log.js"></script>
<script type="text/javascript" src="js/validate.js"></script>
<script type="text/javascript" src="js/common.js" ></script>
<script src="js/patternLock.js"></script>
</head>
<style>
html,body {
background-color: white;
}
h3{
color: #E31C28;
height: 1em;
padding-top: 5px;
font-weight: normal;
}
iframe{
top: 12em;
}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav" style="background-color:#F64141;">
<h1 class="mui-title" style="color: white;font-family: '微软雅黑';">请输入您的手势密码</h1>
</header>
<div class="mui-content">
<div class="response-layout">
<div class="mui-table-cell mui-col-xs-12 mui-col-sm-12 mui-text-center" style="padding-top: 2em;" >
<img id="head_img" src="images/head.png" style="width:4em;height:4em;border-radius: 50%;"/>
</div>
<div class="mui-table-cell mui-col-xs-12 mui-col-sm-12 mui-text-center" id="forget"
style="background-color:white;font-size: 1em;color:grey;">
忘记手势密码？
</div>
<iframe src="pattern-lock.html"></iframe>
</div>
</div>
<script>
var img = new Image();
img.src=localStorage.getItem("HEAD");
img.onload=function(){
document.querySelector("#head_img").src = localStorage.getItem("HEAD");
}
document.getElementById("forget").addEventListener('tap',function(){
var btnArray = ['确定','取消'];
mui.confirm('登录后可以在‘个人’中清空手势密码','请使用手机号和密码进行登陆',btnArray,function(e){
localStorage.removeItem("pattenResult");
if(e.index==0){
forwardPasswordLoginPage();
}
})
});
mui.init();
var firsts = null;
mui.back = function back(){
alert(1);
//首次按键，提示‘再按一次退出应用’
if (!firsts) {
firsts = new Date().getTime();
mui.toast('再按一次退出应用');
setTimeout(function() {
firsts = null;
}, 1000);
} else {
if (new Date().getTime() - firsts < 1000) {
plus.runtime.quit();
}
}
};
</script>
</body>
</html>
若有若无
- 发布：2015-01-20 20:19
- 更新：2015-12-02 00:40
- 阅读：8414
6 个回复
DCloud_UNI_FXY
你这个页面是一个单独的webview?
你操作哪里触发的back？
触发back后，弹出了alert(1);接着页面就被关闭了？
DCloud_UNI_FXY
你的iframe里的代码包含了mui.js了吗？
若有若无 (作者)
这个js都是正确执行的，但是还是执行关闭了，把HTMl里面的iframe去掉 就不会有这个问题。这个页面是open出来的。 大神给推理推理 问题在哪里，怎么解决掉.
若有若无 (作者)
我现在已经把iframe改成webview 因为问答里说 iframe 问题多，但是我现在按返回 就隐藏webview 重写的事件不执行。
DCloud_UNI_FXY
在子webview里边
flipcoder
我补充一下，这个问题在安卓出现，IOS没有！！！！！！！