L'écouteur d'événement Javascript backbutton remplace le bouton de retour de l'appareil Android

J'ai créé Android app à l'aide de cordova 2.6.0. J'ai mis en place un menu dans mon application en utilisant html majorations et jQuery qui permet de basculer sur l'interaction avec l'appareil menubutton. Mais je n'arrivais pas à atteindre les objectifs suivants d'exigence, de se comporter comme une application native.

Exigence

La menu devrait se cacher sur la touche de l'appareil backbutton si le menu est visible. Si le menu n'est pas visible de l' backbutton devrait maintenant fonctionner normalement, ce qui est, soit il doit exit la app ou aller à la back history.

C'est mon 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);

Le problème réel

Si j'ai attaché une eventlistener pour backbutton l'appareil Back Button est désactivé, Il ne fonctionne pas comme d'habitude.

Ma question est

Est document.addEventListener('backbutton', function(){}); cours d'équitation de l'appareil bouton de retour? Comment s'en débarrasser?

Ce qui se passe sur Android 4.1.2 Appareil

source d'informationauteur Lekhnath

  1. 10

    Une fois que vous avez remplacé le bouton de retour à l'aide de l'auditeur, il n'a pas d'effectuer le natif de fonctionnalités. Vous devez mettre en œuvre la sortie de comportement ainsi.

    Dans votre méthode de remplacement, utilisez la commande suivante

    document.addEventListener('backbutton', function(){
  if(menu is visible) {
       //Hide the menu
       //This is also working fine
   return false;
  }
  else //nothing is visible, exit the app
  {
    navigator.app.exitApp();
  }
});

    Espère que ça aide.

  2. 0

    Pour répondre à votre question:

    Est document.la méthode addEventListener('backbutton', function(){}); cours d'équitation de l'appareil bouton de retour? Comment s'en débarrasser?

    Vous pouvez ainsi retirer l'écouteur d'événement sur la page de redirection de continuer à utiliser les fonctionnalités natives de bouton de retour dans les pages suivantes. Code pour supprimer les écouteur d'événement comme suit:

    document.removeEventListener("backbutton", onBackButton, false); où onBackButton est la fonction associée à la touche retour de l'événement.