返回 导航

Cordova

hangge.com

Cordova - 实现连续按两次设备的返回键才退出程序

作者:hangge | 2017-03-19 08:10
使用 Cordova 开发移动 App 时会发现,在 Android 设备上点击 back 键(返回键)会直接退出应用。为了避免用户因为误触而关闭程序,我们通常会改成双击退出。即第一次点击时提示用户,如果再次点击返回键才退出程序。
下面演示如何实现这个“再点击一次退出”效果。

1,效果图

(1)当用户第一次按下返回键,会弹出提示信息“再点击一次退出!
(2)再次按下返回键才真正将应用关闭。

2,样例代码

<!DOCTYPE html>
<html>
    <head>
        <title>hangge.com</title>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
        <script type="text/javascript" charset="utf-8">
            //页面加载后添加各事件监听
            function onLoad() {
                document.addEventListener("deviceready", onDeviceReady, false);
            }

            //Cordova加载完毕
            function onDeviceReady() {
              //监听返回键按钮事件
              document.addEventListener("backbutton", eventBackButton, false);
            }

            //返回键点击响应
            function eventBackButton() {
              //使用toast插件显示 提示信息
              window.plugins.toast.showLongCenter('再点击一次退出!');
              document.removeEventListener("backbutton", eventBackButton, false);//注销返回键
              //3秒后重新注册
              var intervalID = window.setInterval(
                  function() {
                     window.clearInterval(intervalID);
                     document.addEventListener("backbutton", eventBackButton, false);//返回键
                  },
                  3000
              );
            }

        </script>
    </head>
    <body onload="onLoad()">
    </body>
</html>
评论

全部评论(0)

回到顶部