I have created Android app
using cordova 2.6.0
. I have implemented a menu
feature in my app using html
markups and jQuery
which toggles on interacting with device's menubutton
. But I could not figure out to achieve the following requirement, to behave like a native app.
Requirement
The menu
should hide on pressing device's backbutton
if the menu
is visible
. If the menu
is not visible the backbutton
should now act normally, which is, either it should exit
the app
or go to the back history
.
This is my code
document.addEventListener('deviceready', function(){
document.addEventListener('menubutton', function(){
//Toggle Menu
//Which is working fine
});
document.addEventListener('backbutton', function(){
if(menu is visible) {
//Hide the menu
//This is also working fine
return false;
}
//BUT the default action of backbutton has gone. It cannot exit the app , neither it brings to back history.
//return true;
//I have also tried to return boolean true , but facing the same problem.
});
}, false);
The actual problem
If I attached an eventlistener
for backbutton
the device's Back Button
is disabled, It does not works as normal.
My question is
Is document.addEventListener('backbutton', function(){});
over riding the device's back button? How to get rid of it?
This is happening on Android 4.1.2 Device