My webpage runs a javascript function when the page is loaded. However, I don't want the function to run if the user es back to this page using the back button. How can I prevent this using javascript?

$(document).ready(function(){
  // Do not run this function if the user has arrived here using the back button  
  RefreshThePage();
});

My webpage runs a javascript function when the page is loaded. However, I don't want the function to run if the user es back to this page using the back button. How can I prevent this using javascript?

$(document).ready(function(){
  // Do not run this function if the user has arrived here using the back button  
  RefreshThePage();
});

• javascript
• back-button

• possible duplicate of stackoverflow./questions/55871/… – T.J. Crowder Commented Mar 30, 2010 at 14:35
• Duplicate: stackoverflow./questions/55871/… At least one better answer here, though, question should be merged but not deleted. – T.J. Crowder Commented Mar 30, 2010 at 14:36
• I have same problem right now, can you share how did you solve this problem? – Agung Setiawan Commented Sep 1, 2014 at 15:10

4 Answers 4

I'd have thought that using cookies is the easiest way to do this

I think studying the way Struts handles duplicate form submissions could help you.

Some links:

http://www.techfaq360./tutorial/multiclick.jsp

http://www.java-samples./showtutorial.php?tutorialid=582

http://www.xinotes/notes/note/369/

Track when user hits back button on the browser

There are multiple ways of doing it, though some will only work in certain browsers. One that I know off the top of my head is to embed a tiny near-invisible iframe on the page. When the user hits the back button the iframe is navigated back which you can detect and then update your page. Here is another solution.

You might also want to go view source on something like gmail and see how they do it.

Here's a library for the sort of thing you're looking for by the way

The event object offers you to get the key code. so basically you register an eventlistener onKeyDown. Use the received event. if the keycode matches the key you like continue with your function.

document getElementById('elementId').onKeyDown = checkKey();
function checkKey(event) {
  if (event.keyCode === keyCode) then . . . 
}

play around with alert(event.keyCode); to find the right one.