As usual, I want to alert users to unsaved changes when leaving a page. I have this test page:
<html>
<head>
<title>Testing</title>
<script language="JavaScript1.1" src="https://127.0.0.1:8443/scripts/base.js"></script>
<script language="JavaScript1.1" src="https://127.0.0.1:8443/scripts/edit.js"></script>
<script language="JavaScript1.1">window.onbeforeupload=moveAway</script>
</head>
<body onLoad="init()">
<a href="http://www.google.com">Google</a>
</body>
</html>
The moveAway function is defined in “edit.js” like this:
function moveAway ()
return "foo";<br>
}
The event doesn’t fire, or at least it just leaves the page silently (using IE8, Firefox 15, and Chrome 20). I’ve tried breakpointing the function in Firebug and it never gets to the breakpoint. I’ve tried it from the web server (an SSL server, the test version of which runs at 127.0.0.1:8443) and I’ve tried opening the file directly with the browser (which is why I used absolute URLs for the first two <script> tags). I’ve tried removing the “src=” attribute from the script tags.
On the other hand, this page has an example which does work (at least in Firefox):
There is also a very similar example at MSDN which also works:
http://msdn.microsoft.com/en-us/library/ms536907%28VS.85%29.aspx
I really can’t see the difference between what they do and what I’m doing. can anyone tell me why their code works and mine doesn’t?
onbeforeupload, really ? it should beonbeforeunload. Is that a spelling mistake, or is that how your actual code is ?