android - Android App 中的后退按钮无法退出应用程序

Question

我正在使用 Cordova 3.6 版 创建我的第一个移动应用程序。我想在到达主页时使用设备的后退按钮退出应用程序。我浏览了以下资源，但无法达到目的。

http://cordova.apache.org/docs/en/3.6.0/cordova_events_events.md.html#backbutton

PhoneGap - android exit on backbutton

backbutton confirm exit app android + phonegap + jquery

我的代码:

Js:

function onLoad() {
        document.addEventListener("deviceready", onDeviceReady, false);
    }

function onDeviceReady() {
// Register the event listener
document.addEventListener("backbutton", onBackKeyDown, false);
}

function onBackKeyDown() {
document.addEventListener("backbutton", function(e){
if($('body').is('#main')){ //main is the home page id.. 
    e.preventDefault();
    navigator.app.exitApp();    
} else {
    navigator.app.backHistory()
}
}, false);
}

HTML:

感谢您的时间和努力。

Answer 1

在事件处理程序中再次向后退按钮添加监听器没有多大意义。因此，从 onBackKeyDown() 中删除 document.addEventListener。并将事件传递给函数。

function onBackKeyDown(e) {
  if($('body').is('#main')){ //main is the home page id.. 
    e.preventDefault();
    navigator.app.exitApp();    
  } else {
    navigator.app.backHistory()
  }
}