Cordova - 实现连续按两次设备的返回键才退出程序
使用 Cordova 开发移动 App 时会发现,在 Android 设备上点击 back 键(返回键)会直接退出应用。为了避免用户因为误触而关闭程序,我们通常会改成双击退出。即第一次点击时提示用户,如果再次点击返回键才退出程序。
下面演示如何实现这个“再点击一次退出”效果。
1,效果图
(1)当用户第一次按下返回键,会弹出提示信息“再点击一次退出!”
(2)再次按下返回键才真正将应用关闭。
2,样例代码
<!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() { //使用toast插件显示 提示信息 window.plugins.toast.showLongCenter('再点击一次退出!'); document.removeEventListener("backbutton", eventBackButton, false);//注销返回键 //3秒后重新注册 var intervalID = window.setInterval( function() { window.clearInterval(intervalID); document.addEventListener("backbutton", eventBackButton, false);//返回键 }, 3000 ); } </script> </head> <body onload="onLoad()"> </body> </html>