JavaScript or jQuery browser back button click detector

by

The ‘popstate’ event only works when you push something before. So you have to do something like this:

jQuery(document).ready(function($) {

  if (window.history && window.history.pushState) {

    window.history.pushState('forward', null, './#forward');

    $(window).on('popstate', function() {
      alert('Back button was pressed.');
    });

  }
});

For browser backward compatibility I recommend: history.js

More Related Contents:

  1. How to detect if the user clicked the “back” button
  2. Take User Back to Where They Scrolled to on previous page when clicking Browser Back Button
  3. Adding The Anchor Text As The Title Dynamicaly
  4. jquery (or pure js) simulate enter key pressed for testing
  5. Format date to MM/dd/yyyy in JavaScript [duplicate]
  6. How to bind Events on Ajax loaded Content?
  7. How do I refresh a page using JavaScript?
  8. How to get client IP address using jQuery
  9. My javascript is returning this error: $.ajax is not a function
  10. Detect Close windows event by jQuery
  11. Retrieving file names out of a multi-file upload control with javascript
  12. Simple Screen Scraping using jQuery
  13. jQuery change event on not firing in IE
  14. How to disable Chrome’s saved password prompt setting through JavaScript
  15. Input field for Tags separated by comma
  16. Center flex item in container, when surrounded by other flex items
  17. jQuery load content when scroll to bottom-100px of page, multiple events fired
  18. jQuery: How to listen for DOM changes?
  19. Using jQuery, how do you find only visible elements and leave hidden elements alone?
  20. Remove all attributes
  21. How to get the image size (height & width) using JavaScript
  22. submit event does not fire if submit initiated programmatically
  23. How can I remove wrapper (parent element) without removing the child?
  24. Jquery getJSON cross domain problems
  25. closure inside a for loop – callback with loop variable as parameter [duplicate]
  26. jQuery .on() method doesn’t see new elements
  27. Passing parameters to a JQuery function
  28. jQuery: Check if special characters exists in string
  29. Form Validation With Bootstrap (jQuery)
  30. Validate Dynamically Added Input fields

Leave a Comment