返回 导航

Cordova

hangge.com

Cordova - 实现点击返回键时，应用进入后台而不是关闭

作者：hangge | 2017-04-01 08:10
我们使用 Cordova 开发 App 时，默认情况下点击 Android 设备上的 back 键（返回键）会直接退出应用。有时我们会想让应用像 QQ 或微信那样，点击返回键便进入到后台，而不是直接关闭。这样下次打开程序就直接回到之前的状态，而不用再进行重新登录等一系列操作。

1，安装插件

要实现这个功能，我们首先在工程目录下运行如下命令添加 backbutton 插件。
cordova plugin add cordova-plugin-backbutton

2，使用样例

在返回键的响应事件中调用插件的 goHome 方法即可。 
<!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() {
              //进入后台
              navigator.Backbutton.goHome(function() {
                  console.log('go home success');
              }, function() {
                  console.log('go home fail');
              });
            }

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

3，运行效果

程序启动后，我们点击返回键回到系统桌面。这时打开后台任务界面，可以看到之前的程序还在后台运行，没有被关闭。
评论

全部评论（0）

回到顶部