Is there a way to tell what direction the state is going with history.js?

Question

Like the title says, I'd like to be able to perform a different onstatechange event if the pushState function is called, instead of the back function. Or, if the go function is negative or positive.

Example:

if History.pushState() or History.go(1) are called, I want the statechange event's callback to be forwardPushState

if History.back() or History.go(-1) are called, I want the statechange event's callback to be backwardsPushState

Keep track of the last visited page, if the current page redirects to the last visited page, chances are the direction is backwards. — adeneo, May 14 '13 at 16:21
PushState pushes a new state in the stack (a state is some data stored after a new action). It has no relationship with back and go. Back and go are functions to navigate over pushed states in stack. I say this because in your edit, it looks like you are thinking that pushState and go(1) are equivalent. — Adib Aroui, May 18 '13 at 23:22
I know they aren't the same, just giving an example of what i was looking for — Ascherer, May 20 '13 at 17:26
http://stackoverflow.com/questions/7751263/how-to-catch-a-state-change-event-once-with-history-js — , May 23 '13 at 11:31
Please to follow this topic maybe it will be useful for you. There is an answer there about how to track the onstatechange event and ....http://stackoverflow.com/questions/16692314/history-api-html5-how-to-know-when-user-clicked-in-next-back-browser-buttons — Adib Aroui, May 29 '13 at 14:54

Adib Aroui · Accepted Answer · 2020-02-15T18:13:35.413

A state is some data related to a page (as the user see it in the browser). If the user wants to be in a certain page, this page is the same, either he is coming from back button click or from forward button click.

PushState pushes a new state in the stack. It has no relationship with back and go. Back and go are functions to navigate over pushed states in stack. I say this because in your edit, it looks like you are thinking that pushState and go(1) are equivalent.

Maybe if you want to know from which direction the user is coming, you should analyse onstatechange event to know if it takes any parameter that stores direction, which is not a trivial task IMO.

The main thing I think, is that it has no relationship with the go (-1) or go(1) or back.

i do realize that `pushState` and `go(1)` arent the same, its just an example. Unfortunately there really is no relationship, or link to do what im looking for, so i have to do something like what @adeneo said — Ascherer, May 23 '13 at 20:56

score -1 · Answer 2 · edited May 23 '17 at 11:59

Maybe this will work for you.

<html>
<body onunload="disableBackButton()">
<h1>You should not come back to this page</h1>
</body>
<script>
function disableBackButton()
{
   window.history.forward();
}
setTimeout("disableBackButton()", 0);
</script>
</html>

The code above will make it difficult to use the back button to load this page.

Second try

The code below was taken from another stack overflow.

detect back button click in browser

window.onload = function () {
if (typeof history.pushState === "function") {
    history.pushState("jibberish", null, null);
    window.onpopstate = function () {
        history.pushState('newjibberish', null, null);
        // Handle the back (or forward) buttons here
        // Will NOT handle refresh, use onbeforeunload for this.
    };
}
else {
    var ignoreHashChange = true;
    window.onhashchange = function () {
        if (!ignoreHashChange) {
            ignoreHashChange = true;
            window.location.hash = Math.random();
            // Detect and redirect change here
            // Works in older FF and IE9
            // * it does mess with your hash symbol (anchor?) pound sign
            // delimiter on the end of the URL
        }
        else {
            ignoreHashChange = false;   
        }
    };
}

}

Not trying to disable the backbutton – Ascherer May 21 '13 at 17:21 — Ascherer, May 21 '13 at 17:21

Is there a way to tell what direction the state is going with history.js?

2 Answers2

Linked

Related