Phonegap Android Botón Atrás - cerrar la aplicación con el botón Atrás en la página principal

Question

Estoy desarrollando una aplicación para Android usando Jquery Mobile/Phonegap. Tengo el siguiente código para controlar el botón atrás del teléfono:

document.addEventListener("backbutton", backKeyDown, true); 


function backKeyDown() { 
    // Call my back key code here. 
    $.mobile.changePage("#homepage", "slideup"); 
} 

Todo esto funciona bien, pero me gustaría que el cierre de la aplicación al pulsar el botón de retroceso sólo en la página principal, es esto posible?

Answer 1

Actualización: esto ha dejado de funcionar con una actualización más reciente Phonegap (supuestamente). Siéntase libre de ofrecer una solución de trabajo si lo sabe.

---

Así es como lo hago:

document.addEventListener("backbutton", function(e){ 
    if($.mobile.activePage.is('#homepage')){ 
     /* 
     Event preventDefault/stopPropagation not required as adding backbutton 
      listener itself override the default behaviour. Refer below PhoneGap link. 
     */ 
     //e.preventDefault(); 
     navigator.app.exitApp(); 
    } 
    else { 
     navigator.app.backHistory() 
    } 
}, false); 

Para más información, aquí se puede encontrar la documentación relacionada con un ejemplo completo: http://docs.phonegap.com/en/2.0.0/cordova_events_events.md.html#backbutton

Answer 2

Debería realizar un seguimiento de cuándo se muestra la página de inicio. Cuando usted sabe que está en la página de inicio de llamada:

navigator.app.exitApp(); 

Answer 3

document.addEventListener("deviceready", onDeviceReady, false); 
function onDeviceReady() { 
    document.addEventListener("backbutton", onBackKeyDown, false); 
} 
function onBackKeyDown() 
{ 
navigator.app.exitApp(); 
} 

Gracias Spader.

Answer 4

Si no desea utilizar jQuery Mobile, cambiar $.mobile.activePage.is('#homepage') a document.getElementById('#homepage') en @Spadar respuesta Shut, como en el siguiente código:

document.addEventListener("deviceready", onDeviceReady, false); 

    function onDeviceReady(){ 
     document.addEventListener("backbutton", function(e){ 
      if(document.getElementById('#homepage')){ 
       e.preventDefault(); 
       navigator.app.exitApp(); 
      } 
      else { 
       navigator.app.backHistory() 
      } 
     }, false); 
    } 

A través de esta forma, no es necesario descargar un galimatías jQuery Mobile solo para este propósito. Also, activePage is deprecated as of JQuery mobile 1.4.0 y se eliminará de 1.5.0. (Use the getActivePage() method from the pagecontainer widget instead)