检测用户何时单击后退按钮

Question

I'm trying to detect when the user hits the "back" button in their browser.

When clicking on the link and then getting back, nothing happens:

<script src="http://code.jquery.com/jquery-latest.min.js"
    type="text/javascript"></script>

<script>
$( window ).on( "navigate", function( event, data ) {
  console.log( data.state );
});
</script>

<a href="http://www.google.com">Link</a>

I was expecting a message in the log.

When the user checks some checkboxes, then go to another page and then returns back, I want to reset the form, so that all checkboxes are empty.

Answer 1

This isn't working because your javascript is not running on google.com . If you are on the page with your javascript and click the back button, you may see the console.log message for a split second, but it is a race between the browser loading previous page and the console loading your message that will determine if you see the message or not.

Answer 2

I had the same problem. The best solution I found was to use a checksum in the initial post. You can then compare the checksum and see if it had been used before, if it was then you can reset everything.