Comment arrêter le bouton de retour du navigateur à l'aide de JavaScript?

Il existe de nombreuses façons différentes de désactiver le bouton arrière ou du moins de déconner le fonctionnement du bouton arrière afin que les navigateurs ne puissent pas passer à la page précédente. Cependant, la désactivation du bouton de retour du navigateur n'est pas une bonne option, ainsi que les applications côté client n'ont pas autant de privilèges ou de droits pour le faire pour des raisons de sécurité.

Dans cet article, nous implémenterons une logique simple via JavaScript, ce qui empêche les navigateurs d'aller à la page précédente en utilisant le fenêtre objet.

La fenêtre.histoire.Méthode avant ()

Dans cet article, nous arrêterons le fonctionnement normal du bouton arrière du navigateur Web en utilisant l'objet Window. Et pour être précis, nous nous dirigerons à l'intérieur de l'histoire de l'objet de fenêtre et le déplacerons "avant"Lorsque le navigateur essaie de revoir la page précédente.

Démonstration de fenêtre.histoire.Méthode avant ()

Pour commencer, nous avons besoin de deux pages HTML différentes. La première page s'appelle la maison.html, et il contient les lignes suivantes:

Cliquez sur moi pour visiter la page suivante

Comme vous pouvez le voir, nous créons simplement un dans lequel nous faisons simplement référence à la deuxième page.html.

Après cela, créez simplement le deuxième HTML avec le nom exact Secondpage.html. Et dans ce document HTML, vous souhaitez ajouter les lignes suivantes:

C'est la deuxième page

Cette deuxième page ne contient que du texte qui indique à l'utilisateur qu'il s'agit de la deuxième page. L'exécution de la page Web domestique donnera le résultat suivant sur le navigateur:

Comme vous pouvez le voir, en cliquant sur le lien nous amène à la deuxième page, et à partir de la deuxième page, vous pouvez appuyer sur le bouton de retour pour revenir à la maison.html

Maintenant à la maison.Document HTML, vous allez ajouter les lignes de script suivantes à l'intérieur de la balise de script:

Dans ces lignes, nous accédons à l'historique de l'objet de fenêtre du navigateur, puis appelons la méthode Forward () pour remettre le navigateur à la deuxième page. Ainsi jouant avec le flux normal du bouton arrière du navigateur.

Point clé

Ce script ne fonctionnera que lorsque l'histoire aura une entrée en avant pour aller. Cela signifie que le premier chargement de la page Web ne sera jamais affecté par cela.

Après cela, ouvrez simplement le maison page Web, cliquez sur le lien pour accéder à la deuxième page Web, puis essayez de cliquer sur le bouton Retour du navigateur, et vous obtiendrez la sortie suivante:

Comme vous pouvez le voir, en cliquant sur le bouton de retour sur le navigateur ne nous ramène pas à la maison.HTML plutôt que cela nous prend à nouveau sur la deuxième page.html

Conclusion

Pour arrêter le fonctionnement du bouton arrière du navigateur à l'aide de JavaScript. Vous pouvez simplement appeler la méthode Forward () sur l'historique du navigateur Web une fois la page Web chargée. Maintenant, pour avoir accès à cet historique, nous devons utiliser le fenêtre objet. Cet article a démontré le fonctionnement de la fenêtre.histoire.Méthode avant () pour arrêter le fonctionnement du bouton arrière du navigateur.