HTML5 history.pushState

Question

I am using history.pushstate method to add the history into the browser and added the history as follows in the browser.

       history.pushState("", "",myurl);

The history added in the browser correctly.(When the browser history clicked the correct page getting loaded.)

But when i click the back button in the browser it doesn't go back..

(ie I am using hashchange functionality to show different contents in the page).

Actually it requires another click to go back.(ie two clicks of back button to go back to the previous page added in the history).

How can i make it to back in only one click of back button.

Answer 1

Don't use hashchange for history; that's only for the fragment changing. Use popstate .

window.addEventListener('popstate', function () {

});

http://jsfiddle.net/ExplosionPIlls/NkEdg/

Answer 2

I found a working solution as follows.

Using replacestate instead of pushstate solved the problem.

Pushstate add the history but it doesn't points the top of the stack.So at first click the same page from history loaded and in the next click the previous page get loaded.