当前位置： 移动技术网 > IT编程>网页制作>Html5 > 使用Cordova --实现点击手机物理返回键时，应用进入后台运行，而不是直接关闭！

使用Cordova --实现点击手机物理返回键时，应用进入后台运行，而不是直接关闭！

2018年04月18日  | 移动技术网IT编程  | 我要评论

使用开发App时，点击手机back键，总是返回上一级，如果希望直接返回到桌面，而不是直接关闭程序，可以这么做!

1.安装插件

首先在工程目录下运行如下命令添加插件

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.总结
此例宜变通使用
cordova使用过程中坑还是很多的，各位同学应踩坑，填坑，切不可遇坑则退，另推荐一个不错的UI框架Onsen UI，很好的兼容了Android和ios,并且可以完美结合Angular.js, React, Vue.js等流行框架使用。
道阻且长！！！！

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网