cordova/phonegap实现再按一次退出效果

  cordova/phonegap实现再按一次退出效果,退出phonegap/cordova项目的接口API为navigator.app.exitApp(),但是,cordova的api里面没有app的介绍。

  cordova/phonegap实现再按一次推出效果

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实现再按一次退出效果

评论(0)Web开发网
阅读(795)喜欢(0)phonegap/cordova