Question

I created the following event to Android’s Back button (PhoneGap 2.2.0):

document.addEventListener("backbutton", function (e) {
    //Do Something
}, false);

I have the following link that takes me to an external site from application

My Link

I override the back button event and as soon as I pass inside the app to another link the event is not canceled.. and since another link not know cordova he can not even access to this event.

So I have to cancel it completely!

How I do it…?

When I press the back button I get the following error message in the log:

Uncaught ReferenceError: cordova is not defined at :1

and nothing happens ..

Answer 1

function onBackKey() {
    console.log("I've caught a back key");

    // We are going back to home so remove the event listener
    // so the default back key behaviour will take over
    document.removeEventListener("backbutton", onBackKey, false);

    // Hide the current dive and show home
    document.getElementById(cur).style.display = 'none';
    document.getElementById('home').style.display = 'block';    
    cur = 'home';
}

function goToDiv(id) {
    // We are moving to a new div so over ride the back button
    // so when a users presses back it will show the home div
    document.addEventListener("backbutton", onBackKey, false);

    // Hide home and show the new div
    document.getElementById('home').style.display = 'none';
    document.getElementById(id).style.display = 'block';
    cur = id;
}

place html tags

 <div id="home">Back Button Home<br/><a href="javascript:goToDiv('div1')">Div One</a><br/><a href="javascript:goToDiv('div2')">Div Two</a></div>

Please find below link for the detailed answer

https://gist.github.com/955496