Désactiver le bouton de retour du navigateur

Question

Comment désactiver le bouton RETOUR du navigateur (sur tous les navigateurs) ?

Answer 1

Ne désactivez pas le comportement du navigateur attendu.

Faites en sorte que vos pages gèrent la possibilité pour les utilisateurs de revenir en arrière d'une ou deux pages ; ne cherchez pas à entraver leur logiciel.

Answer 2

J'ai trouvé une petite astuce qui désactive le bouton de retour en utilisant JavaScript. Je l'ai testé sur chrome 10, firefox 3.6 et IE9 :

Page sans titre

function changeHashOnLoad() {
     window.location.href += "#";
     setTimeout("changeHashAgain()", "50"); 
}

function changeHashAgain() {
  window.location.href += "1";
}

var storedHash = window.location.hash;
window.setInterval(function () {
    if (window.location.hash != storedHash) {
         window.location.hash = storedHash;
    }
}, 50);

Essayez d'appuyer sur le bouton de retour !

Que fait-il ?

Des Commentaires :

Ce script tire parti du fait que les navigateurs considèrent tout ce qui vient après le signe "#" dans l'URL comme faisant partie de l'historique de navigation. Ce qu'il fait, c'est ceci : Lorsque la page se charge, "#1" est ajouté à l'URL. Après 50ms, le "1" est supprimé. Lorsque l'utilisateur clique sur "retour", le navigateur change l'URL pour revenir à ce qu'elle était avant que le "1" soit supprimé, MAIS - c'est la même page web, donc le navigateur n'a pas besoin de recharger la page. – Yossi Shasho

Answer 3

D'autres ont adopté l'approche de dire "ne faites pas cela", mais cela ne répond pas vraiment à la question de l'auteur. Supposons simplement que tout le monde sait que c'est une mauvaise idée, mais nous sommes curieux de savoir comment c'est fait malgré tout...

Vous ne pouvez pas désactiver le bouton de retour sur le navigateur de l'utilisateur, mais vous pouvez faire en sorte que votre application se casse (affiche un message d'erreur, obligeant l'utilisateur à recommencer) si l'utilisateur revient en arrière.

Une méthode que j'ai vue pour faire cela est de passer un jeton sur chaque URL dans l'application, et dans chaque formulaire. Le jeton est régénéré sur chaque page, et une fois que l'utilisateur charge une nouvelle page, tous les jetons des pages précédentes sont invalidés.

Lorsque l'utilisateur charge une page, la page ne s'affiche que si le jeton correct (qui a été transmis à tous les liens/formulaires sur la page précédente) lui a été passé.

L'application de banque en ligne que ma banque propose est ainsi. Si vous utilisez le bouton de retour, aucun autre lien ne fonctionnera et aucun rechargement de page ne pourra être effectué - à la place vous verrez un message vous indiquant que vous ne pouvez pas revenir en arrière, et vous devrez recommencer.

Answer 4

Cette question est très similaire à celle-ci...

Vous devez forcer l'expiration du cache pour que cela fonctionne. Placez le code suivant dans le code derrière votre page.

Page.Response.Cache.SetCacheability(HttpCacheability.NoCache)

Answer 5

Condamner la question sans connaître le contexte est un peu sévère. Par exemple, j'aimerais savoir la bonne façon de faire ceci : actuellement, je mène une expérience de psychologie en ligne, et parfois les participants appuient sur le bouton de retour (retour arrière ou 'suppr' sur un mac) au lieu de la touche entrée, par accident. Cela peut potentiellement perturber l'expérience et donc ruiner les données (ce qui n'est heureusement pas encore arrivé). C'est évidemment un cas où l'entrée doit être limitée.

Of course, je conviens que dans la règle, c'est une très mauvaise idée... mais cela a déjà été clairement souligné à plusieurs reprises.