Is there a way to detect a page reload successfully in javascript

Question

I have been looking for a way to detect a page reload, but can't seem to find a viable solution that works.

I looked at this for reference (http://www.tedpavlic.com/post_detect_refresh_with_javascript.php), but did not work on my end. Is there an effective way to detect this?

My overall goal is to detect a page reload so that I can clear my sessionStorage.

I may be missing something, but if you're trying to clear sessionStorage after every page load why not just clear the session storage on initial load? then you wouldn't need to detect a page refresh — Aaron McGuire
– Aaron McGuire, Commented Oct 19, 2020 at 20:44
Have ever heard of History PopState?? Please check this document it might help you out: developer.mozilla.org/fr/docs/Web/API/Window/popstate_event — Adnane Ar
– Adnane Ar, Commented Oct 19, 2020 at 20:49
@AaronMcGuire are you referring to something like this stackoverflow.com/questions/44279582/… ? I tried using $window.location.reload(), but kept getting a referenceError — anon
– anon, Commented Oct 19, 2020 at 21:29
Does this answer your question? Check if page gets reloaded or refreshed in JavaScript — zoran404
– zoran404, Commented Jan 3, 2024 at 4:25

Hello World · Accepted Answer · 2020-10-19 21:50:32Z

2

I agree with Aaron McGuire's comment--rather than trying to detect a page load, then clear session storage, it'd be easier to clear session storage on page load. You could insert something quick like this at the top of your code:

window.onload = function() {
    sessionStorage.clear()
}

answered Oct 19, 2020 at 21:50

Hello World

3712 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Adnane Ar Over a year ago

I mean he could be talking about popstate events, when the agent press the reload button on the browser it sends an event and that event could cancel the page reload and do something else instead. check: developer.mozilla.org/fr/docs/Web/API/Window/popstate_event

Hello World Over a year ago

@AdnaneAr That's fair--and I hadn't known about popstates. However, documentation says "The popstate event will be triggered by doing a browser action such as a click on the back or forward button (or calling history.back() or history.forward() in JavaScript)." So a simple reload (whether with browser button or not) shouldn't call any popstate events, right? seeing as we're not navigating through the history.

anon Over a year ago

@HelloWorld this works perfect! I was able to detect a page load then clear my sessionStorage, but I do agree with why it would be best to clear on initial load. Thanks for the help

Adnane Ar Over a year ago

@HelloWorld It's hackable tho, and it could be used to detect reloads!

Collectives™ on Stack Overflow

Is there a way to detect a page reload successfully in javascript

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related