I am using the following code snippet to trigger an alert before page closes but Chrome seems to ignore the message and displays its default message \"Do you want to leave t
I only recently realized that Chrome had changed the behavior of onbeforeunload. I found a workaround that works for the main browsers (tested in Chrome, Firefox and IE, the jsFiddle for some reason doesn't work in Firefox, but my website does). Using jQuery UI, you can make a dialog window come up when leaving the page that gives more info about why leaving the current page would be a problem.
window.onbeforeunload = function (e) {
$('A search is in progress, do you really want to stop the search and close the tab? If not, choose "Stay on page" on the browser alert.').dialog({
modal:true,
close: function(){$(this).dialog('destroy').remove();}
});
return "Random message to trigger the browser's native alert.";
}
jsFiddle here