android - disable - document addeventlistener('' backbutton

Phonegap-navigator.app.backHistory() no funciona en el botón HTML back

Question

En mi aplicación estoy usando phonegap 2.6. Para el botón de retroceso, estoy usando la siguiente función

document.addEventListener("backbutton", onBackKeyDown, false);

function onBackKeyDown() {
    alert("hello");
    navigator.app.backHistory();
}

document.addEventListener(''deviceready'', onDeviceReady, true);

La función anterior funciona bien cuando hago clic en el botón de retroceso de hardware del dispositivo . Pero cuando hago clic en el botón Atrás, no funciona.

He diseñado mi botón Atrás de la siguiente manera:

<a class="ui-link" href="#" rel="external" onclick="onBackKeyDown()">
        <img src="images/icon-back.png" alt="Phone" border="0">
</a>

Pero este botón funciona bien para este navigator.app.exitApp(); (salida de la aplicación).

//Working Fine
function onBackKeyDown() {
    navigator.app.exitApp();
}

//Not Working
function onBackKeyDown() {
    navigator.app.backHistory();
}

pero no funciona para navigator.app.backHistory(); .

Answer 1

Si usa el atributo data-rel = "back" en un anclaje, cualquier clic en ese anclaje imitará el botón Atrás, retrocediendo una entrada en el historial e ignorando el href predeterminado del anclaje.

Answer 2

depende de dónde se encuentre: en mi teléfono con Windows 8.1 lumia 925, funciona history.go (-1); , mientras que navigator.app.backHistory (); causa una excepción antes de colisionar.

En mi Android (creo que la mayoría), navigator.app.backHistory (); trabaja apropiadamente.

Answer 3

He intentado 3 cosas por separado cuando me enfrenté a la misma situación:

• window.history.back()

• navigator.app.backHistory();

• History.go(-1);

Individualmente, ninguno de estos resuelve el problema. Puse las 3 cosas juntas y para mi sorpresa funcionó. Realmente no sé qué hay detrás.

Luego disminuí a dos funciones y eliminé:

• window.history.back()

Ahora estoy usando esta función y está funcionando bien.

//Works Fine
function onBackKeyDown() {
    history.go(-1);
    navigator.app.backHistory();
}

Answer 4

Resuelto Deja de obtener "TypeError: navigator.app no ​​está definido"

Una función que creé que primero verifica en qué dispositivo estás y luego aplica el guión relevante:

function onBackKeyDown() {
    var userAgent = navigator.userAgent || navigator.vendor || window.opera;
    if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i) || userAgent.match(/iPod/i)) {
        // IOS DEVICE
        history.go(-1);
    } else if (userAgent.match(/Android/i)) {
        // ANDROID DEVICE
        navigator.app.backHistory();
    } else {
        // EVERY OTHER DEVICE
        history.go(-1);
    }
}

Llame a la función agregando esto a su enlace / botón:

onclick="onBackKeyDown()"