Obtenir la valeur de hachage qui était avant hashchange

Suppose que mon html est

<a href="#one">One</a>
<a href="#two">Two</a>

et Js est

$(window).on("hashchange"){
alert(document.location.hash);
}

Je veux obtenir la valeur de hachage qui était avant le changement de hachage .Est-il Possible?Si oui ,Comment?

InformationsquelleAutor | 2012-07-09
  1. 12

    utiliser que

    $(window).on("hashchange", function(e){
    console.log(e.originalEvent.oldURL)
    console.log(e.originalEvent.newURL)
})​;

    Démo: http://jsbin.com/ulumil/

    • quel navigateur et système d'exploitation utilisez-vous
    • Mozilla et Firefox os Windows 7 et vous ne devriez pas demander ce parce que je veux une croix navigateur compatible répondre
    • Il n'est pas défini sur IE 11.
    InformationsquelleAutor Amit
  2. 9

    Vous devez suivre la dernière de hachage, par exemple:

    var currentHash = function() {
  return location.hash.replace(/^#/, '')
}

var last_hash
var hash = currentHash()

$(window).bind('hashchange', function(event){
  last_hash = hash
  hash = currentHash()
  console.log('hash changed from ' + last_hash + ' to ' + hash)
});
    • Cela ne semble pas fonctionner sous IE9 event.fragment est également défini. Devait le remplacer par location.hash.replace( /^#/, '' )
    InformationsquelleAutor Patrick Oscity
  3. 2

    En fait la solution fournie par Amit fonctionne, mais avec la bibliothèque jquery et multi plates-formes ainsi.

    Ici est plus simple solution de base à l'aide de javascript et crossbrowser ainsi. (vérifié avec la dernière version de IE/FF/Chrome/Safari)

    window.onhashchange = function(e){
  console.log(e);
  var oldURL = e.oldURL; 
  var newURL = e.newURL; 
  console.log("old url = " + oldURL);
  console.log("new url = " + newURL);
  var oldHash = oldURL.split("#")[1];
  var newHash = newURL.split("#")[1];
  console.log(oldHash);
  console.log(newHash);
};
    • Comme indiqué ci-dessus, cela fonctionne sur la dernière version de (IE/FF/Chrome/Safari). Les codes sont bien testé et de travail pour moi sur tous les quatre navigateurs indiqué. Je ne sais pas si FF12 est la dernière version de navigateur. Quand je l'ai testé, mes FF version a été FF20.0. <br><br> Vous pouvez vérifier la valeur de e (fait en deuxième ligne) et de trouver les variables oldURL et newURL (e.oldURL et de l'e.newURL) si elles existent ou pas. Bonne Chance.
    • Je voulais dire FF19 sur Linux. De toute façon, je suis en utilisant window.location.hash qui semble être beaucoup plus fiable.
    • Complet sans rapport avec les points que vous avez fait. window.location.hash et window.onhashchange sont pour deux but différent. window.location.hash vous donne juste index de hachage mais window.onhashchange déclenche si l'index de hachage est changé. Et la solution ci-dessus vous permet de savoir ce que l'indice actuel et quel est le passé de l'indice a été avant votre hash est changé. Essayer de comprendre le scenerio d'abord, mon garçon. De toute façon heureux de savoir que votre problème est résolu.
    • Cette solution ne semble pas fonctionner dans IE10. La sortie est [object object] l'ancienne url = undefined nouvelle url = undefined SCRIPT5007: Impossible d'obtenir la propriété 'split' de indéfinie ou référence null
    • Oui peut-être que vous avez obtenu ce droit. La solution a été de travailler à la fois que j'ai écrit et testé sur la dernière version au moment de la rédaction.
    InformationsquelleAutor Sanjay
  4. 1

    Ne pas utiliser 

    $(window).on("hashchange", function(e){
    console.log(e.originalEvent.oldURL)
    console.log(e.originalEvent.newURL)
})​;

    Il ne fonctionne pas sur IE, et sans doute ailleurs aussi.

    L'utilisation de ce lieu.

    (function(w, $){
  var UrlHashMonitor = {};
  UrlHashMonitor.oldHash = '';
  UrlHashMonitor.newHash = '';
  UrlHashMonitor.oldHref = '';
  UrlHashMonitor.newHref = '';
  UrlHashMonitor.onHashChange = function(f){
    $(window).on('hashchange', function(e){
      UrlHashMonitor.oldHash = UrlHashMonitor.newHash;
      UrlHashMonitor.newHash = w.location.hash;
      UrlHashMonitor.oldHref = UrlHashMonitor.newHref;
      UrlHashMonitor.newHref = w.location.href;
      f(e);
    });
  };
  UrlHashMonitor.init = function(){
    UrlHashMonitor.oldHash = UrlHashMonitor.newHash =   w.location.hash;
    UrlHashMonitor.oldHref = UrlHashMonitor.newHref = w.location.href;
  };
  w.UrlHashMonitor = UrlHashMonitor;
  return UrlHashMonitor;

})(window, window.jQuery);

/*
 * USAGE EXAMPLE
 */
UrlHashMonitor.init();
UrlHashMonitor.onHashChange(function(){
  console.log('oldHash: ' + UrlHashMonitor.oldHash);
  console.log('newHash: ' + UrlHashMonitor.newHash);
  console.log('oldHref: ' + UrlHashMonitor.oldHref);
  console.log('newHref: ' + UrlHashMonitor.newHref);
  //do other stuff
});

    Cela devrait fonctionner dans tous les navigateurs modernes.

    DÉMO: https://output.jsbin.com/qafupu#one

    InformationsquelleAutor AlFra