Here is working solution for Firefox and Chrome. I haven’t yet tested in Safari and Opera. var myEvent = window.attachEvent || window.addEventListener; var chkevent = window.attachEvent ? ‘onbeforeunload’ : ‘beforeunload’; /// make IE7, IE8 compitable myEvent(chkevent, function(e) { // For >=IE7, Chrome, Firefox var confirmationMessage=”Are you sure to leave the page?”; (e || window.event).returnValue = … Read more
Actually some browsers such as Google Chrome might block if you attempt to alert in a window unload. As a user I like this feature. Alerting every time you try to navigate away from a page sucks: Replace the alert with a console.log or something else less intrusive to the user and the event will … Read more
Call unbind using the beforeunload event handler: $(‘form#someForm’).submit(function() { $(window).unbind(‘beforeunload’); }); To prevent the form from being submitted, add the following line: return false;
I see that it’s an old question, but i faced this problem recently. I’m using window.unload and it works fine in ios browsers (although if you look at Apple documentation it seems to be deprecated and they recommend to use document.pagehide)
you cannot abort page unload by returning false. you must return string that will be shown to user in a message box, and he decides if he want to leave or stay on the page (by selecting either ‘OK’ or ‘Cancel’ button), so you need to write your code like this: window.onbeforeunload = function() { … Read more
It seems that the only thing you can do with onbeforeunload in recent version of Chrome is to set the warning message. window.onbeforeunload = function () { return “Are you sure”; }; Will work. Other code in the function seems to be ignored by Chrome UPDATE: As of Chrome V51, the returned string will be … Read more
The correct way to display the alert is to simply return a string. Don’t call the alert() method yourself. <script type=”text/javascript”> $(window).on(‘beforeunload’, function() { if (iWantTo) { return ‘you are an idiot!’; } }); </script> See also: https://developer.mozilla.org/en-US/docs/Web/Events/beforeunload
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 … Read more
You fire your ajax async (default for jquery – ajax). But the browser won’t wait for anything on unload. try setting async : false in the ajax-settings. But you can never be sure that this will work in all browsers everytime. see the comment here: http://api.jquery.com/unload/#dsq-comment-body-132164390
This bit of JavaScript works for me on Safari and Chrome on ipad and iphone, as well as desktop/laptop/other browsers: var isOnIOS = navigator.userAgent.match(/iPad/i)|| navigator.userAgent.match(/iPhone/i); var eventName = isOnIOS ? “pagehide” : “beforeunload”; window.addEventListener(eventName, function (event) { window.event.cancelBubble = true; // Don’t know if this works on iOS but it might! … } );