Question

150

Is there a callback for History.pushstate?

rated 0 times [ 156] [ 6] / answers: 1 / hits: 17832 / 12 Years ago, wed, may 2, 2012, 12:00:00

My Google-fu pulls up nothing.

When you do this:

var stateObj = { state: some state };

history.pushState(stateObj, page 2, other.htm);

Is there an associated window callback?

I know that there's this:

window.onpopstate = function() {



}

Which works great for listening to when a user hits the back button. However, I want to listen to any time the URL changes at all, and I'm not sure how to do it.

Is there a global callback for anytime the URL changes?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jarettajb

Add To Favorites

Follow

Total Points: 678

Total Questions: 94

Total Answers: 90

Location: Guernsey

Member since Tue, Jul 6, 2021

3 Years ago

jarettajb questions

1 Remove unused Javascript base.js (Youtube iframe api)

Thu, Dec 17, 20, 00:00, 3 Years ago

1 how to define variable google when using google one tap javascript API

Thu, Dec 10, 20, 00:00, 4 Years ago

1 How do I fix this issue: node_modules/expo/AppEntry.js: [BABEL]?

Mon, Nov 9, 20, 00:00, 4 Years ago

1 node js, read a specific column from csv file and convert it to an array to be used in other function

Tue, May 12, 20, 00:00, 4 Years ago

1 Check If Array Has Value in Angular

Tue, May 12, 20, 00:00, 4 Years ago

View All

answered 12 Years ago brianaclaras · Accepted Answer

No, there's not a onpushstate or whatever. However, a little monkey patching can fix that:

var pushState = history.pushState;

history.pushState = function () {

    pushState.apply(history, arguments);

    fireEvents('pushState', arguments);  // Some event-handling function

};

This will only notify you when pushState is used. You'd probably want to do something similar for replaceState.

If you need to be notified whenever the URL changes at all, some combination of the above and a hashchange handler will get you most of the way there.