cordova/phonegap实现再按一次退出效果
cordova/phonegap实现再按一次退出效果，退出phonegap/cordova项目的接口API为navigator.app.exitApp()，但是，cordova的api里面没有app的介绍。
cordova/phonegap实现再按一次退出效果源代码如下
提示信息在android真机上测试时，提示信息exitNote对象如果position指定为fixed不会出现，但是模拟设备上可以显示，不知道什么问题。指定为absolute可以。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="minimum-scale=1, maximum-scale=2,width=device-width, height=device-height, target-densitydpi=device-dpi" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<title>cordova实现再按一次退出app程序效果</title>
<style>
#exitNote{display:none;position:absolute;width:100px;text-align:center;height:20px;line-height:20px;color:#fff;background:#000;left:50%;top:10px;margin-left:-50px}
</style>
</head>
<body>
<div class="app">
<h1>Apache Cordova</h1>
cordova实现再按一次退出app程序效果
</div>
<div id="exitNote">再按一次退出</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript">
var readyToEnd = false;//准备退出
document.addEventListener('deviceready', onDeviceReady, false);
function backmenuEvent() {
if (readyToEnd) navigator.app.exitApp();
else {
readyToEnd = true;
document.getElementById('exitNote').style.display = 'block';
setTimeout(function () {//2s后自动隐藏提示和将重置准备退出操作
document.getElementById('exitNote').style.display = 'none';
readyToEnd = false;
}, 2000);
}
}
function onDeviceReady() { document.addEventListener('backbutton', backmenuEvent, false); }
</script>
</body>
</html>
加支付宝好友偷能量挖...
原创文章，转载请注明出处：cordova/phonegap实现再按一次退出效果