Way to know if user clicked Cancel on a Javascript onbeforeunload Dialog?

by

You can do it like this:

$(function() {
    $(window).bind('beforeunload', function() {
        setTimeout(function() {
            setTimeout(function() {
                $(document.body).css('background-color', 'red');
            }, 1000);
        },1);
        return 'are you sure';
    });
});

The code within the first setTimeout method has a delay of 1ms. This is just to add the function into the UI queue. Since setTimeout runs asynchronously the Javascript interpreter will continue by directly calling the return statement, which in turn triggers the browsers modal dialog. This will block the UI queue and the code from the first setTimeout is not executed, until the modal is closed. If the user pressed cancel, it will trigger another setTimeout which fires in about one second. If the user confirmed with ok, the user will redirect and the second setTimeout is never fired.

example: http://www.jsfiddle.net/NdyGJ/2/

More Related Contents:

  1. Mozilla firefox not working with window.onbeforeunload
  2. event.preventDefault() vs. return false
  3. window.onload vs $(document).ready()
  4. How can I override the OnBeforeUnload dialog and replace it with my own?
  5. jQuery.click() vs onClick
  6. Trigger a keypress/keydown/keyup event in JS/jQuery?
  7. Object.watch() for all browsers?
  8. window.onbeforeunload and window.onunload is not working in Firefox, Safari, Opera?
  9. Firing event on DOM attribute change
  10. Listening for variable changes in JavaScript
  11. How do you log all events fired by an element in jQuery?
  12. Jquery Event won’t fire after ajax call
  13. jQuery equivalent of JavaScript’s addEventListener method
  14. Setting onbeforeunload on body element in Chrome and IE using jQuery
  15. How do you detect the clearing of a “search” HTML5 input?
  16. How to check if any JavaScript event listeners/handlers attached to an element/document? [duplicate]
  17. How to delay calling of javascript function?
  18. How to disable beforeunload action when user is submitting a form?
  19. Implementing jQuery’s “live” binder with native Javascript
  20. How to tell which row number is clicked in a table?
  21. full-screen browser window on load document
  22. Only fire an event once?
  23. Detecting an image 404 in Javascript
  24. Browser waits for ajax call to complete even after abort has been called (jQuery)
  25. Is it possible to catch browser’s File Open/Save dialog event using Javascript
  26. Fire oninput event with jQuery
  27. How do you force your Javascript event to run first, regardless of the order in which the events were added?
  28. How can I tell when a CSS background image has loaded? Is an event fired? [duplicate]
  29. Capturing result of window.onbeforeunload confirmation dialog
  30. How to execute code in a javascript append

Leave a Comment