How to block users from closing a window in Javascript?

by

Take a look at onBeforeUnload.

It wont force someone to stay but it will prompt them asking them whether they really want to leave, which is probably the best cross browser solution you can manage. (Similar to this site if you attempt to leave mid-answer.)

<script language="JavaScript">
    window.onbeforeunload = confirmExit;
    function confirmExit() {
        return "You have attempted to leave this page. Are you sure?";
    }
</script>

Edit: Most browsers no longer allow a custom message for onbeforeunload.

See this bug report from the 18th of February, 2016.

onbeforeunload dialogs are used for two things on the Modern Web:

  1. Preventing users from inadvertently losing data.
  2. Scamming users.

In an attempt to restrict their use for the latter while not stopping the former, we are going to not display the string provided by the webpage. Instead, we are going to use a generic string.

Firefox already does this[…]

More Related Contents:

  1. JavaScript, browsers, window close – send an AJAX request or run a script on window closing
  2. add event listener on elements created dynamically
  3. DOM event precedence
  4. How can I programmatically invoke an onclick() event from a anchor tag while keeping the ‘this’ reference in the onclick function?
  5. What are passive event listeners?
  6. HTML input file selection event not firing upon selecting the same file
  7. Using Chrome, how to find to which events are bound to an element
  8. Pass mouse events through absolutely-positioned element
  9. jQuery equivalent of JavaScript’s addEventListener method
  10. Capture the close event of popup window in JavaScript
  11. Ignore mouse interaction on overlay image
  12. Why don’t audio and video events bubble?
  13. How can I detect an address bar change with JavaScript?
  14. Missing click event for inside element on firefox
  15. Handling “onclick” event with pure JavaScript
  16. How to detect CSS3 resize events
  17. Dynamically load external Javascript file, and wait for it to load – without using JQuery
  18. How to advance to the next form input when the current input has a value?
  19. event.toElement in IE8 and Firefox?
  20. Javascript change event on input element fires on only losing focus
  21. Only fire an event once?
  22. How to add click event to an element?
  23. window.focus() not working in Google Chrome
  24. How can I know whether refresh button or browser back button is clicked in Firefox? [duplicate]
  25. Capturing window.onbeforeunload
  26. How to implement a lock in JavaScript
  27. Javascript removeEventListener not working inside a class [duplicate]
  28. Is bubbling available for image load events?
  29. Detecting support for a given JavaScript event?
  30. In web browsers, what’s the difference between onblur and onfocusout?

Leave a Comment