Prevent any form of page refresh using jQuery/Javascript

by

#1 can be implemented via window.onbeforeunload.

For example: 

<script type="text/javascript">
    window.onbeforeunload = function() {
        return "Dude, are you sure you want to leave? Think of the kittens!";
    }
</script>

The user will be prompted with the message, and given an option to stay on the page or continue on their way. This is becoming more common. Stack Overflow does this if you try to navigate away from a page while you are typing a post. You can’t completely stop the user from reloading, but you can make it sound real scary if they do.

#2 is more or less impossible. Even if you tracked sessions and user logins, you still wouldn’t be able to guarantee that you were detecting a second tab correctly. For example, maybe I have one window open, then close it. Now I open a new window. You would likely detect that as a second tab, even though I already closed the first one. Now your user can’t access the first window because they closed it, and they can’t access the second window because you’re denying them.

In fact, my bank’s online system tries real hard to do #2, and the situation described above happens all the time. I usually have to wait until the server-side session expires before I can use the banking system again.

More Related Contents:

  1. How can I refresh a page with jQuery?
  2. How do I refresh a page using JavaScript?
  3. One time page refresh after first page load
  4. How to stop refreshing page after ajax call?
  5. refresh div with jquery
  6. JQuery Modal Boxes and Iframe
  7. Get the longest text in HTML document using Jquery or javascript
  8. Hide/Show image on one click [closed]
  9. How to move an element into another element?
  10. Set Additional Data to highcharts series
  11. How to bind Events on Ajax loaded Content?
  12. Adding POST parameters before submit
  13. How to get client IP address using jQuery
  14. jQuery: Finding partial class name [duplicate]
  15. My javascript is returning this error: $.ajax is not a function
  16. Detect Close windows event by jQuery
  17. Simple Screen Scraping using jQuery
  18. AJAX jQuery refresh div every 5 seconds
  19. jQuery change event on not firing in IE
  20. Save a pre element as PDF with CSS
  21. Input field for Tags separated by comma
  22. Center flex item in container, when surrounded by other flex items
  23. jQuery load content when scroll to bottom-100px of page, multiple events fired
  24. jQuery: How to listen for DOM changes?
  25. Using jQuery, how do you find only visible elements and leave hidden elements alone?
  26. How to get the image size (height & width) using JavaScript
  27. jQuery show/hide options from one select drop down, when option on other select dropdown is slected
  28. How can I remove wrapper (parent element) without removing the child?
  29. Jquery getJSON cross domain problems
  30. Are 301 redirects possible using javascript or jQuery?

Leave a Comment