完整详细实现cordova“再按一次退出”效果教程
1、Toast插件用于弹出“再按一次退出应用”信息。由于开发平台是android，我使用了npm上cordova-plugin-x-toast这个插件
详见 https://www.npmjs.com/package/cordova-plugin-x-toast
2、打开Git CLI，将路径指定到你的项目所在的文件夹目录
$ cd 你的文件夹目录
小贴士：还可以在项目文件夹内右键选择Git Bash Here直接指定路径
3、安装Toast插件，在Git CLI中键入如下
$ cordova plugin add cordova-plugin-x-toast
$ cordova prepare
1、exitapp插件用于关闭app，我们因而能够使用navigator.app.exitAPP()这个函数。由于开发平台是android，我使用了npm上cordova-plugin-exitapp这个插件
详见 https://www.npmjs.com/package/cordova-plugin-exitapp
2、安装appexit插件，在Git CLI中键入如下
$ cordova plugin add cordova-plugin-exitapp
$ cordova prepare
3、可以使用$ cordova plugin ls命令检查插件是否成功安装，如图显示我们已经成功安装了上述两个插件
1、进入项目的www文件夹，记事本打开你的index.html，在<head>标签内新建一个<script>标签，加入以下代码
// 等待加载PhoneGap
document.addEventListener("deviceready", onDeviceReady, false);
// PhoneGap加载完毕
function onDeviceReady() {
//按钮事件
document.addEventListener("backbutton", eventBackButton, false); //返回键
document.addEventListener("menubutton", eventMenuButton, false); //菜单键
document.addEventListener("searchbutton", eventSearchButton, false); //搜索键
}
//返回键
function eventBackButton(){
//confirm("再点击一次退出!");
window.plugins.toast.showShortBottom('再点击一次退出!');
document.removeEventListener("backbutton", eventBackButton, false); //注销返回键
document.addEventListener("backbutton", exitApp, false);//绑定退出事件
//3秒后重新注册
var intervalID = window.setInterval(
function() {
window.clearInterval(intervalID);
document.removeEventListener("backbutton", exitApp, false); // 注销返回键
document.addEventListener("backbutton", eventBackButton, false); //返回键
},
3000
);
function exitApp(){
navigator.app.exitApp();
}
}
//菜单键
function eventMenuButton(){
window.plugins.toast.showShortBottom('点击了 菜单 按钮!');
}
//搜索键
function eventSearchButton(){
window.plugins.toast.showShortBottom('点击了 搜索 按钮!');
}
2、点击“保存”按钮保存文件
1、$ cordova build android
在Git CLI中使用以上命令使cordova在“项目文件夹/platforms/android/build/outputs/apk”下生成android-debug.apk
2、将android-debug.apk转移到你的手机或者模拟器上安装并运行，使用模拟器则在Git CLI中执行以下命令
$ cordova emulate android
或 $ cordova run android
3、正是我们想要的效果！所有步骤完成，教程到此结束。