Sur la fenêtre.emplacement.hachage de Changement?

La seule façon de vraiment le faire (et comment le "reallysimplehistory' à le faire), est en définissant un intervalle qui continue à vérifier le courant de hachage, et de le comparer à ce qu'il était avant, nous faisons cela et laisser les abonnés s'abonner à un événement de modification que nous avons le feu si les modifications de hachage.. ce n'est pas parfait, mais les navigateurs ne supportent pas cet événement de manière native.

Mise à jour pour garder cette réponse fraîches:

Si vous utilisez jQuery (qui aujourd'hui doit être un peu la base de la plupart) puis une belle solution est d'utiliser l'abstraction que jQuery vous donne en utilisant son système d'événements pour écouter hashchange événements sur l'objet window.

$(window).on('hashchange', function() {
  //.. work ..
});

La bonne chose ici est que vous pouvez écrire du code qui n'a même pas à vous soucier de hashchange soutien, mais vous avez besoin de faire un peu de magie, un peu moins connu jQuery fonction jQuery événements spéciaux.

Avec cette fonctionnalité, vous arrivez à faire fonctionner certains de code de configuration pour tous les cas, la première fois que quelqu'un tente d'utiliser de l'événement (par exemple la liaison de l'événement).

Dans ce code de configuration, vous pouvez vérifier pour native prise en charge du navigateur et si le navigateur ne prend pas en natif le mettre en œuvre, vous pouvez mettre en place un timer unique de sondage pour les changements, et de déclencher l'événement jQuery.

Cette complètement délie votre code d'avoir à comprendre ce problème de prise en charge, la mise en œuvre d'un événement spécial de ce genre, c'est trivial (pour obtenir un simple, 98% version de travail), mais pourquoi faire quand quelqu'un d'autre a déjà.

Noter que dans le cas de l'Internet Explorer 7 et Internet Explorer 9 la if de tresorerie donne le vrai (pour "onhashchange" sous windows), mais le window.onhashchange ne sera jamais le feu, il est donc préférable de les stocker de hachage et de vérifier toutes les 100 millisecondes si ça a changé ou pas pour toutes les versions d'Internet Explorer.

    if (("onhashchange" in window) && !($.browser.msie)) {
         window.onhashchange = function () {
              alert(window.location.hash);
         }
         //Or $(window).bind( 'hashchange',function(e) {
         //      alert(window.location.hash);
         //  });
    }
    else {
        var prevHash = window.location.hash;
        window.setInterval(function () {
           if (window.location.hash != prevHash) {
              prevHash = window.location.hash;
              alert(window.location.hash);
           }
        }, 100);
    }

MODIFIER -
Depuis jQuery 1.9, $.browser.msie n'est pas pris en charge. Source: http://api.jquery.com/jquery.browser/

Firefox a eu un onhashchange événement depuis 3.6. Voir de la fenêtre.onhashchange.

Vous pouvez facilement mettre en œuvre un observateur (la "montre" de la méthode) sur le "hash" propriété "de la fenêtre."emplacement de l'objet.

Firefox a son propre mise en œuvre pour observer les modifications de l'objet, mais si vous utilisez une autre application (comme Surveillez les propriétés de l'objet de modifications dans le code JavaScript) - pour les autres navigateurs, qui va faire l'affaire.

Le code ressemblera à ceci:

window.location.watch(
    'hash',
    function(id,oldVal,newVal){
        console.log("the window's hash value has changed from "+oldval+" to "+newVal);
    }
);

Ensuite, vous pouvez tester:

var myHashLink = "home";
window.location = window.location + "#" + myHashLink;

Et bien sûr qui sera le déclencheur de votre fonction d'observateur.

J'ai été en utilisant ce dans un réagir application pour afficher l'URL de différents paramètres en fonction de ce que la vue de l'utilisateur était sur.

J'ai regardé le paramètre de hachage à l'aide de

window.addEventListener('hashchange', doSomethingWithChangeFunction());

Puis

doSomethingWithChangeFunction () { 
    //Get new hash value
    let urlParam = window.location.hash;
    //Do something with new hash value
};

Travaillé un régal, les œuvres de l'avant et à l'arrière des boutons du navigateur et également dans l'historique du navigateur.

var page_url = 'http://www.yoursite.com/'; //full path leading up to hash;
var current_url_w_hash = page_url + window.location.hash; //now you might have something like: http://www.yoursite.com/#123

function TrackHash() {
    if (document.location != page_url + current_url_w_hash) {
        window.location = document.location;
    }
    return false;
}
var RunTabs = setInterval(TrackHash, 200);

C'est tout... maintenant, chaque fois que vous frappez votre arrière ou vers l'avant boutons, la page sera actualisée conformément à la nouvelle valeur de hachage.

J'ai utilisé un plugin jQuery, HUtil, et a écrit une YUI Histoire comme interface sur le dessus de cela.

Le vérifier une fois. Si vous avez besoin d'aide je peux vous aider.