Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Using onbeforeunload without dialog?

I'm trying to post data when a user leaves my page. I have finally managed to find a working solution, however, it shows a confirmation dialog when the user leaves. I have tried return null; but it didn't work. Is it possible to disable the dialog?

window.onbeforeunload = function() {     $.post("track.php", {         async: false,         refid: refid,         country: country,          type: type,     });      return ''; } 
like image 633
user198989 Avatar asked Jun 19 '13 09:06

user198989


People also ask

What triggers Onbeforeunload?

The onbeforeunload event occurs when the document is about to be unloaded. This event allows you to display a message in a confirmation dialog box to inform the user whether he/she wants to stay or leave the current page. The default message that appears in the confirmation box, is different in different browsers.

What is the difference between Onbeforeunload and Onunload?

onbeforeunload Below are my findings on the iPad; Using window. onunload , I am able to get an alert when user navigates to a different page from myPage. html (either by clicking on some link or doing a Google search while on myPage.

What does Window Onbeforeunload do?

The beforeunload event is fired when the window, the document and its resources are about to be unloaded. The document is still visible and the event is still cancelable at this point. This event enables a web page to trigger a confirmation dialog asking the user if they really want to leave the page.


2 Answers

From the Mozilla Developer Network page:

When this event returns a non-void value, the user is prompted to confirm the page unload.

This means the return value of the handler must be undefined (not '', false, or null) in order to avoid triggering the confirmation prompt.

window.onbeforeunload = function() {    $.post("track.php", {   ...   });    return undefined; } 

In javascript you can skip the return value altogether to get the same result.

In coffeescript with jquery it's something like

$(document).ready ->   $(window).bind('beforeunload', ->     #put your cleanup code here     undefined   ) 
like image 115
meesern Avatar answered Sep 20 '22 01:09

meesern


If you want to disable the dialog, please only write

window.onbeforeunload = function() { ... return; }

instead of

window.onbeforeunload = function() { ... return ''; }.

I hope it will help you.

like image 27
Hay Thi Avatar answered Sep 22 '22 01:09

Hay Thi