本文介绍了一个移动端Web应用如何处理回退按钮的功能实现。通过监听回退按键事件并判断当前页面是否可以返回上一级，如果不能则关闭当前Web视图。此外，还展示了如何使用MUI框架初始化一个包含子页面的Web应用实例。
//处理
document.addEventListener('plusready', function() {
var webview = plus.webview.currentWebview();plus.key.addEventListener('backbutton', function() {
webview.canBack(function(e) {
if(e.canBack) {
myApp.confirm('您确定要退出?', '温馨提示', function () {
webview.close();
});
} else {
webview.close(); //hide,quit
//plus.runtime.quit();
}
})
});
});
<!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>
<link href="css/mui.min.css" rel="stylesheet" />
</head>
<body>
<div class="mui-content">
</div>
<script src="js/mui.min.js"></script>
<script type="text/javascript" charset="utf-8">
mui.init({
subpages: [{
url: 'http://m.taobao.com',
id: 'taobao',
styles: {
top: '0px',
bottom: '0px'
}
}]
});
</script>
</body>
</html>
扫一扫
742
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
