Prevent an accidental Back Browse

Question

I have a client that just got the Apple Magic Mouse. We built a recipe website and she get very upset when she is inputting all the information for the recipe, then goes for her new mouse and accidentally scrolls to the right and it will do a Back Browse and all her info is lost. So she wants to warning/pop up to prevent this from happening on that page.

Any suggestions or point me to some JS that does this?

Thanks.

Answer 1

This is a basic 'warn before leave' script, when the contents of a textarea changes, the user will be notified if (s)he is about to leave the page:

<script type="text/javascript">
var changes = false;
window.onbeforeunload = function(){
   if(changes){
      return "You're about to leave this page.";
   }
};
</script>
<textarea onkeypress="window.changes=true">recipe here</textarea>

Answer 2

So she wants to warning/pop up to prevent this from happening on that page.

You can hook into the onBeforeUnload event of your browser and then show a confirmation message.