Unable to override backbutton on every page cordova/phonegap app

Question

As EventListeners are bind to deviceready event and deviceready event is triggered only once when the device is registered, I am unable to override backbutton on every page as required by my app.

I tried to search for an answer however couldn't find one. Kindly assist how can this be achieved.

My pages are getting loaded in an IFrame

Answer 1

Simply use this code:

document.addEventListener("deviceready", function(e){
        BackButton.override();
}, false);

Place this code before the closing body tag in your phonegap project.

Tested and works fine.