使用cordova开发的手机APP在原始状态下按手机上的“退出”按钮就如同浏览器的“后退”，如果麈亢刃饬你的APP不是单页应用并且你已经在呼鳏魇杰上面浏览过了多个页面，恐怕关闭APP是一件抓狂的事情。网络上有很多这方面的教程但是背景并不是交待得很清楚，例如所使用的Toast插件在npm上五花八门，所用的代码也不尽相同，另外navigator.app.exit()这个函数的来源也没有交待清楚，给功能的实现造成了许多麻烦。以下教程将以安卓平台为例，详细教你如何让你的cordovaAPP实现“再按一次退出”效果，详细对其他平台的实现也会有启示。
工具/原料
GitCLI
Cordova
你的cordova应用项目
你喜欢的记事本程序
手机或手机模拟器
步骤1安装Toast插件
1、Toast插件用于弹出“再按一次退出应用”信息。由于开发平台是android，我使用了npm上cordova-plugin-x-toast这个插件详见https://www.npmjs.com/package/cordova-plugin-x-toast
2、打开GitCLI，将路径指定到你的项目所在的文件夹目录$cd你的文件夹目录小贴士：还可以在项目文件夹内右键选择GitBashHere直接指定路径
3、安装Toast插件，在GitCLI中键入如下$cordovapluginaddcordova-plugin-x-toast$cordovaprepare
步骤2安装exitapp插件
1、exitapp插件用于关闭app，我们因而能够使用navigator.app.exitAPP()这个函数。由于开发平台是android，我使用了npm上cordova-plugin-exitapp这个插件详见https://www.npmjs.com/package/cordova-plugin-exitapp
2、安装appexit插件，在GitCLI中键入如下$cordovapluginaddcordova-plugin-exitapp$cordovaprepare
3、可以使用$cordovapluginls命令检查插件是否成功安装，如图显示我们已经成功安装了上述两个插件
步骤3部署函数
1、进入项目的www文件夹，氇监煜紊记事本打开你的index.html，在<head>标签内新建一邗锒凳审个<script>标签，加入以下代码 //等待加载PhoneGap document.addEventListener("deviceready",onDeviceReady,false); //PhoneGap加载完毕 functiononDeviceReady(){ //按钮事件 document.addEventListener("backbutton",eventBackButton,false);//返回键 document.addEventListener("menubutton",eventMenuButton,false);//菜单键 document.addEventListener("searchbutton",eventSearchButton,false);//搜索键 } //返回键 functioneventBackButton(){ //confirm("再点击一次退出!"); window.plugins.toast.showShortBottom('再点击一次退出!'); document.removeEventListener("backbutton",eventBackButton,false);//注销返回键 document.addEventListener("backbutton",exitApp,false);//绑定退出事件 //3秒后重新注册 varintervalID=window.setInterval( function(){ window.clearInterval(intervalID); document.removeEventListener("backbutton",exitApp,false);//注销返回键 document.addEventListener("backbutton",eventBackButton,false);//返回键 }, 3000 ); functionexitApp(){ navigator.app.exitApp(); } } //菜单键 functioneventMenuButton(){ window.plugins.toast.showShortBottom('点击了菜单按钮!'); } //搜索键 functioneventSearchButton(){ window.plugins.toast.showShortBottom('点击了搜索按钮!'); }
2、点击“保存”按钮保存文件
步骤4编译你的应用试试吧！
1、$cordovabuildandroid在GitCLI中使用以上命令使cordova在“项目文件夹/platforms/android/build/outputs/apk”下生成android-debug.apk
2、将android-debug.apk转移到你的手机或者模拟器上安装并运行，使用模拟器则在GitCLI中执行以下命令$cordovaemulateandroid或$cordovarunandroid
3、正是我们想要的效果！所有步骤完成，教程到此结束。