How can i show confirmation box before page reload?

In some cases before page refresh/reload we have to show confirmation message to the user. The page reload only if the user allow. In JavaScript we can use 'onbeforeunload ' function for this case.

I have checked the below code in latest Chrome & Firefox.

<script>
window.onbeforeunload = function(event)
{
return confirm("Confirm refresh");
};
</script>

Final code and demo is here

<!DOCTYPE html><html><head><title>Tryit Editor - tools.bitcompiler.com</title><style>     </style><script>window.onbeforeunload = function(event) {     return confirm("Confirm refresh"); }; </script></head><body><h2>
Please try to reload the page using F5 or browser reload button</h2>
</body></html>

Demo

How can i show confirmation box before page reload?

No comments:

Post a Comment

Popular Posts

Tags

Contact Form