Javascript Girl
  1. Javascript Girl
  3. Détectant le bouton de retour du navigateur dans javascript / jquery sans utiliser de plugins externes
Intereting Posts
Modèle de deux modèles en une vue – Backbone / Marionette Erreur Javascript sur l'appel de la fonction Flex-AS Comment puis-je ajouter une classe sans l'avoir débarrassée des autres? Comment l'utilisation nécessite-t-elle un spécimen – grunt + karma + jasmine dans le noeud Acces Prestashop webservice de JavaScript Événement angulaire de l'ui-grid: sélection de la ligne Webgl readpixels revient toujours 0,0,0,0 ASP.NET entrez la clé et créez un formulaire sans javascript Comment puis-je appeler clearInterval en dehors d'une fonction dans jQuery? En dehors du setInterval Comment faire un sommeil en javascript? Comment transférer des variables supplémentaires pour souligner les modèles Comment envoyer des données binaires à partir d'un serveur socket.io node.js dans un client de navigateur? Appel de la fonction Javascript du fichier .js du code GWT de java Comment exportez-vous un modèle 3D de Cinema4D vers trois.js? Promesse de résolution avant que la promesse intérieure soit résolue

Détectant le bouton de retour du navigateur dans javascript / jquery sans utiliser de plugins externes

Je souhaite détecter le bouton de retour du navigateur dans java-script / jquery sans utiliser de plugins externes.

Je vais soutenir les navigateurs suivants

IE8, IE9, FireFox, Chrome

J'ai googlé tant de liens et trouvé ci-dessous une partie du code du projet de code 

<body onbeforeunload=”HandleBackFunctionality()”> function HandleBackFunctionality() { if(window.event) { if(window.event.clientX < 40 && window.event.clientY < 0) { alert("Browser back button is clicked..."); } else { alert("Browser refresh button is clicked..."); } } else { if(event.currentTarget.performance.navigation.type == 1) { alert("Browser refresh button is clicked..."); } if(event.currentTarget.performance.navigation.type == 2) { alert("Browser back button is clicked..."); } } }

Le code ci-dessus fonctionne bien IE navigateur. Cela signifie que je peux pouvoir obtenir les valeurs window.event.clientX et clientY dans le navigateur IE. Mais dans Chrome / Firefox ne fonctionne pas.

Lorsque le bouton de retour du navigateur est cliqué, j'ai besoin de rafraîchir la page.

Comment puis-je détecter un événement de clic de bouton de navigation dans tous les navigateurs (IE, firefox, chrome)

Toute aide serait appréciée.

Cela peut être simplement déposé dans votre page Web, et lorsque l'utilisateur clique à nouveau, il appellera une fonction. La fonction par défaut sur cet appel est une alerte javascript "Back Button Clicked".

Pour remplacer cette fonctionnalité, il vous suffit d'annuler la fonction OnBack. Cela peut être fait en utilisant le code ci-dessous. 

 <script type="text/javascript"> bajb_backdetect.OnBack = function() { alert('You clicked it!'); } </script>

Cela remplacera maintenant l'alerte "Back Button Clicked" avec une alerte "Vous l'avez cliqué!".
Suivez les navigateurs suivants IE8, IE9, FireFox, Chrome
Détection du bouton arrière du navigateur
Ou en utilisant jquery
Retrait du navigateur
Utilisation d'un javascript standard
Maîtriser le bouton arrière avec Javascript

Puisque vous soutenez IE 8 et 9, il n'existe pas de méthode unique qui vous aidera à résoudre ce problème. Vous pouvez utiliser l'API de l'histoire de html5, mais cela ne prend pas en charge IE8 et 9. Comme mysteryos mentionné dans le commentaire ci-dessus, vous pouvez utiliser window.onPopState pour Chrome, Firefox, et pour IE, vous pouvez créer un fichier js distinct et utiliser Déclarations conditionnelles pour le déclencher lorsque l'utilisateur utilise IE.

Par exemple: 

 <!--[if lte IE 9]> <script src="youIESpecificfile.js"></script> <![endif]-->

En savoir plus sur l'API d'historique HTML5 ici: onPopState by mozilla

J'espère que cela t'aides!