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

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.总结
此例宜变通使用
cordova使用过程中坑还是很多的,各位同学应踩坑,填坑,切不可遇坑则退,另推荐一个不错的UI框架Onsen UI,很好的兼容了Android和ios,并且可以完美结合Angular.js, React, Vue.js等流行框架使用。
道阻且长!!!!
内容来源于网络如有侵权请私信删除
你还没有登录,请先登录注册
  • 还没有人评论,欢迎说说您的想法!