Historique de location.hash et de retour

Est-il une fonction qui peut être appelée pour empêcher le navigateur de l'enregistrement d'un retour entrée de l'historique lors de la modification de la valeur de hachage?

Je suis en train d'écrire un simple javascript gallery qui change d'adresse url du navigateur, sans avoir à recharger la page que l'utilisateur se déplace à travers chaque image.

Cela se fait par la définition de l'emplacement.de hachage à l'ID unique de l'image.

window.location.hash = imageID;

Le problème, c'est quand l'utilisateur appuie sur le bouton précédent du navigateur, ils doivent se déplacer vers l'arrière à travers chaque image comme si c'était un chargement de la page.

Si elles tournaient à 20 images à l'aide de la galerie, ils doivent cliquez sur retour 21 fois pour revenir à la page précédente.

Comment puis-je empêcher un retour de l'histoire d'être enregistrés avec javascript?

source d'informationauteur George Filippakos

  1. 27

    window.location.replace vous permettra de configurer l'url sans l'ajouter à l'historique du navigateur.

    var baseUrl = window.location.href.split('#')[0];
window.location.replace( baseUrl + '#' + imageID );

    la documentation

  2. 4

    Vous pouvez utiliser replaceState().

    Avant de modifier la valeur de hachage de vous sauver de l'histoire, puis vous changez de hachage, enfin, vous remplacez l'histoire avec celui que vous avez enregistré.

    Alternativement, vous pouvez utiliser Événement popState.