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

