2011-05-10 3 views
2

Je veux désactiver les boutons de retour dans le navigateur en utilisant JavaScript. Quelqu'un peut-il m'aider à faire cela?Comment désactiver le bouton retour du navigateur en utilisant JavaScript

+11

Vous ne pouvez pas. Si vous pensez en avoir besoin, alors vous essayez de résoudre le mauvais problème. – Quentin

+10

Le titre de cette question pourrait aussi être "Comment mettre mes visiteurs en colère" :-) –

+2

Souhaitez-vous arriver sur un site Web et vous remarquerez que vous ne pouvez pas utiliser le bouton de retour pour revenir en arrière? Pensez-y ... –

Répondre

5

Lisez ici pour several options to disable the back button. MAIS: La question me donne l'impression que vous essayez de résoudre le mauvais problème.

Le bouton de retour est quelque chose que l'utilisateur s'attend à travailler. Si vous le désactivez, vous casseriez le navigateur (du point de vue de l'utilisateur): Quelque chose qui fonctionne partout ailleurs ne fonctionne pas sur votre page. Les utilisateurs détestent votre page et essaient de l'éviter. S'ils ne peuvent pas éviter la page, ils la détestent encore plus.

Alors, quelles sont vos options:

  1. Vous pouvez obtenir des événements lorsque l'utilisateur utilise le bouton. GWT, par exemple, enregistre l'état interne de l'application dans les événements d'historique virtuel. Ainsi, l'utilisateur peut utiliser le bouton Précédent comme Annuler dans une application réelle. Évitez de créer des événements d'historique pour votre page. Assurez-vous que l'URL dans la barre de titre ne change jamais. Sauvegardez tous les changements sur votre serveur. Pour l'utilisateur, la page/application se sentira comme une page. Quand il revient la prochaine fois, restaurez le dernier état de la base de données sur votre serveur. De cette façon, l'utilisateur peut utiliser le bouton de retour pour quitter votre page comme il est habitué mais il ne perdra pas de travail.

  2. Un mélange des deux. Par exemple, le débordement de pile vous permet de vous déplacer entre les pages en utilisant les liens et le bouton de retour. Si vous commencez à modifier quelque chose sur une page, vous recevez un avertissement lorsque vous cliquez sur le bouton Précédent.

1
function noBack() { 
    window.history.forward(); 
} 
+5

Oh regarde. Mon bouton arrière a une flèche à côté qui me permet de sauter deux pages. – Quentin

0

il suffit d'ouvrir votre page dans un nouvel onglet en utilisant javascript comme celui-ci

<script type="text/javascript" language="Javascript">window.open('yourpage.html');</script> 

ensemble ce code à votre page précédente et ceci ouvrira votre page dans un nouvel onglet et il n'y aura pas de bouton de retour disponible.

+1

Je pense que l'OP veut les désactiver pour l'ensemble du site. Votre solution ne fonctionnera pas pour les chargements de page suivants. –

0
Simple logic: move forward when click back button 
---------------------------------------------------- 

function preventBack() { 
    window.history.forward(); 
} 
window.onunload = function() { 
    null; 
}; 
setTimeout("preventBack()", 0); 


Keep this js code in your page it works. 
Questions connexes