How can I detect url change in JQuery?

Question

What I'm trying to do is to flush localStorage when user move to other page.

For example, let say I'm currently in http://foo.com/accounts/mypage .

When user moves to url, http://foo.com/album , I want to flush localStorage .

This is my JQuery script.

$(window).unload(function(){
    if ((window.location.pathname).indexOf('mypage') < 0) {
        localStorage.flush();
    }
});

But it doesn't work......

Any other nice idea?

Answer 1

localStorage.clear();

请试试这个

Answer 2

Add a click handler to your links, like this:

var lastLink = "";
$("body").on("click", "a", function() {
    lastLink = $(this).attr("href");
});

This click will run before the unload event and you will be able to use lastLink as your value. Just make sure you take into account relative urls as well.

//TODO: implement function isMine
$(window).unload(function() {
    if (isMine(lastLink)) {
        localStorage.clear();
    }
});