This question already has answers here:
Closed 8 years ago.
Possible Duplicate:
Prevent any form of page refresh using jQuery/Javascript
how can i prevent user to reload (refresh) html page using javascript or jquery.
after loading the page for the first time, i want to prevent user reload the page either by press F5 or refresh from browser or by any way.
Can i do that?
Note: i try window.onbeforeunload
, but i didn't know how to stop window.onload event from it.
Any help?
No, you can't. If a user wants to reload a page you cannot stop them.
It is not possible to stop the user from page reload/page close if the user wants it. Two methods which you can use are as follows:
You can ask for a confirmation like this:
<script>
window.onbeforeunload = function (e) {
e = e || window.event;
// For IE and Firefox prior to version 4
if (e) {
e.returnValue = 'Sure?';
}
// For Safari
return 'Sure?';
};
</script>
Here is the fiddle for above: http://jsfiddle.net/gopi1410/NujmL/
You can preventDefault on pressing of F5 key using:
document.onkeydown = function(event) {
if(window.event){
event.preventDefault();
}
}