How do I retrieve if the popstate event comes from back or forward actions with the HTML5 pushstate?

by

You must implement it yourself which is quite easy.

  • When invoking pushState give the data object a unique incrementing id (uid).
  • When onpopstate handler is invoked; check the state uid against a persistent variable containing the last state uid.
  • Update the persistent variable with the current state uid.
  • Do different actions depending on if state uid was greater or less than last state uid.

More Related Contents:

  1. How to detect when history.pushState and history.replaceState are used? [duplicate]
  2. Good tutorial for using HTML5 History API (Pushstate?) [closed]
  3. How to get notified about changes of the history via history.pushState?
  4. SecurityError: The operation is insecure – window.history.pushState()
  5. JS – window.history – Delete a state
  6. What are the differences between history.pushState & location.hash? [closed]
  7. How can I delete a window.history state?
  8. Popstate on page’s load in Chrome
  9. How to trigger change when using the back button with history.pushstate and popstate?
  10. Get one element title and add this to another div in jquery
  11. Where to place JavaScript in an HTML file?
  12. How to disable scroll without hiding it?
  13. How to pass parameter to function using in addEventListener?
  14. How to convert a DOM node list to an array in Javascript?
  15. Getting unparsed (raw) HTML with JavaScript
  16. document.getElementsByClassName().innerHTML always returns “undefined”
  17. jquery select option click handler
  18. jQuery jump or scroll to certain position, div or target on the page from button onclick [duplicate]
  19. Directly reference HTML elements [duplicate]
  20. Storing Image Data for offline web application (client-side storage database)
  21. How do I get the HTML source from the page?
  22. Is it possible to style a title? (and with CSS or js?) [duplicate]
  23. jQuery support “:invalid” selector
  24. combo box is getting vanished when an alert is coming
  25. How to display selected image without sending data to server?
  26. How to disable JavaScript function calls from the browser console?
  27. How to get the value of a selected radio button
  28. universal javascript for set homepage functionality [duplicate]
  29. Javascript-Setting background image of a DIV via a function and function parameter
  30. Cross-Origin resource sharing and file://

Leave a Comment