jquery-mobile - demos - jquery mobile structure

Phonegap Android Back Button-cerrar la aplicación con el botón Atrás en la página de inicio

Question

Estoy desarrollando una aplicación de 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 la aplicación se cierre al presionar el botón Atrás solo en la página de inicio, ¿es posible?

Answer 1

Necesitaría hacer un seguimiento de cuándo se muestra la página de inicio. Cuando sepa que está en la página de inicio, llame a:

navigator.app.exitApp();

Answer 2

Si no desea usar jQuery Mobile, cambie $.mobile.activePage.is(''#homepage'') a document.getElementById(''#homepage'') en la respuesta @Spadar 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);
}

De esta manera, no es necesario descargar el galimatías de Jquery Mobile solo para este propósito. Además, activePage está en desuso a partir de JQuery mobile 1.4.0 y se eliminará de 1.5.0. ( Use el método getActivePage () del widget de contenedor de página en su lugar )

Answer 3

Actualización: esto ha dejado de funcionar con una última actualización de 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 obtener más información, aquí 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 4

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

Gracias spader.