web-dev-qa-db-fra.com

Gestion du bouton de retour du navigateur

J'essaie de gérer l'événement du bouton de retour du navigateur, mais je n'ai trouvé aucune solution.

Je veux demander à l'utilisateur s'il clique sur le bouton de retour du navigateur en utilisant la "boîte de confirmation" s'il choisit ok je dois autoriser l'action du bouton de retour sinon je dois arrêter l'action du bouton de retour.

Quelqu'un peut-il m'aider à mettre cela en œuvre?.

27
Ramesh Paul

Avertir/confirmer l'utilisateur si le bouton Retour est enfoncé est comme ci-dessous.

window.onbeforeunload = function() { return "Your work will be lost."; };

Vous pouvez obtenir plus d'informations en utilisant les liens mentionnés ci-dessous.

Désactiver le bouton Précédent dans le navigateur à l'aide de JavaScript

J'espère que cela vous aidera.

28
Sampath

Vous pouvez également ajouter du hachage lors du chargement de la page:

location.hash = "noBack";

Ensuite, gérez simplement le changement de hachage d'emplacement pour ajouter un autre hachage:

$(window).on('hashchange', function() {
    location.hash = "noBack";
});

Cela rend le hachage toujours présent et le bouton de retour essaie de supprimer le hachage au début. Le hachage est ensuite ajouté à nouveau par le gestionnaire "hashchange" - de sorte que la page ne pourra jamais être remplacée par la précédente.

12
Szorstki