Comment distinguer les clics sur le bouton Retour des rechargements du navigateur et d'autres événements ?

Comment détecter les clics sur le bouton Retour dans le navigateur

La détection des clics sur le bouton Retour dans les navigateurs, en particulier dans les applications Web qui exploitent AJAX, présente un défi . Bien que l'événement window.onbeforeunload soit couramment utilisé à cette fin, il est également déclenché lors d'autres actions telles que le rechargement du navigateur, ce qui n'est pas souhaitable.

Solution :

Heureusement, il existe une solution élégante qui distingue efficacement les clics sur le bouton retour des rechargements et autres événements. Voici un code modifié qui résout ce problème :

<code class="javascript">window.onload = function () {
  if (typeof history.pushState === "function") {
    history.pushState("jibberish", null, null);
    window.onpopstate = function () {
      history.pushState("newjibberish", null, null);
      // Handle back button clicks here
    };
  } else {
    // For older browsers that don't support `pushState`
    var ignoreHashChange = true;
    window.onhashchange = function () {
      if (!ignoreHashChange) {
        ignoreHashChange = true;
        window.location.hash = Math.random();
        // Handle back button clicks here
      } else {
        ignoreHashChange = false;
      }
    };
  }
};</code>

Cette solution fonctionne sur Chrome et Firefox, offrant un moyen plus précis de détecter les clics sur le bouton de retour tout en évitant les faux déclencheurs potentiels.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!