Capture the removal of a hash

Question

I have attached certain actions to the existence of a URL hash in order to mimic traditional 'back' behavior.

The trouble is, if you go back from the hash, the hash is removed from the URL string, but the JavaScript doesn't pick up that that hash has gone.

How can I make it pick up the removal of the hash?

Try the hashchange event (`onhashchange`) – noob Jan 17 '12 at 14:11 — noob, Jan 17 '12 at 14:11

score 1 · Answer 1 · edited Jun 22 '12 at 04:42

Usually clicks go first, then location changes. After a click is a good idea to set TimeOut to get an updated window.location.hash as shown below.

    $(".nav").click(function(){
    setTimeOut(function(){
      updatedHash = location.hash
    },100);
    });

or you can listen for the location with:

    window.onhashchange = function(evt){
       updatedHash = "#" + evt.newURL.split("#")[1]
    };

I wrote a jQuery plugin that does something like what you want to do. https://github.com/rgarro/Route32 It's a simple anchor router.

score 0 · Answer 2 · answered Jan 17 '12 at 14:10

0

check the window.location.hash string, it will return the hash part of your url

answered Jan 17 '12 at 14:10

Dau

8,578
4
23
48

score 0 · Accepted Answer · edited May 23 '17 at 12:21

0

Poll window.location.href to detect changes. Use the change to work out what needs to be reverted. see How can I detect an address bar change with JavaScript?

edited May 23 '17 at 12:21

Community

1
1

answered Jan 17 '12 at 14:12

Gareth A. Lloyd

1,774
1
16
26

Capture the removal of a hash

3 Answers3