欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  使用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等流行框架使用。
 
  道阻且长!!!!

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h59906.shtml