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


使用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等流行框架使用。
道阻且长!!!!
 
觉得对您有帮助,赏杯咖啡喝吧!
 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM