HTML5 history: how can I see the URL that was popped (ie, the page we were on when we hit the back button)
Question
I am using the HTML5 history API
I notice that if:
- if I am on a page called /first
- I use pushState to /second
- And then hit the back button
The event handler for window.onpopstate() returns the state for /first, as documented.
In order to transition from /second to /first, I would like to see the URL that was popped - ie, /second in this case . What's the best way of doing that?
1 answers
solution1
1 ACCPTED 2012-04-16 14:43:40
In lieu of a proper answer, I've implemented the following workaround:
- Using a
data-urlhackattribute on the<body>element when a page is loaded - In
onpopstate()handler, checking the value of this attribute so I can transition from this page (where the back button was hit) to the page the back button has sent us to.
Also ensure that pages loaded in onpopstate() don't try and push use pushState() themselves.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Can we refresh a page when a user presses "go back" button after history.push()
How can I stop history go back if we are loading React app on a new page?
HTML5 History - Back button to previous full page?
HTML5 History API Back Button
HTML5 History, Back Button and external links
How can I go to history.back() when page loads?
How can I check to see if a forward history exists in Javascript? (Disabling back button)
user see html page when we enter password
How we can Html5 canvas drawing write in html file
Can we navigate to a different page if the user clicks on the back browser button?
Related Tags