Restrict onbeforeunload event from being fired

13y3.1kWeb Development

I am using Ajax tabcontainer. i want to restrict the onbeforeunload event being fired on Ajax TabContainer. On click of one of the tab of TabContainer i am getting the alert/confirm message box which i have return in Onbeforeunload function.

The alert occurs because on tab click i have written C# code so postback occurs.

$('a').click(function() {
                window.onbeforeunload = null;

});

window.onbeforeunload = function() {
                return 'Pending changes will be lost unless they are saved first.'
                'Are you sure you want to leave this page?';
            };

Thanks in advance

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sravan Kumar11y ago
Hey, Did you found any work around for this.

I am exactly struck at the same situation.

Thanks in advance
0
Iftikar Hussain13y ago
Hi,
Try like this

$('a').click(function() {
event.preventDefault();
window.onbeforeunload = null;
});

Regards,
Iftikar
0
Abhishek Jain13y ago
onBeforeUnload event will be called everytime on postback.

So what i am proposing will not look so good but that is how you have to handle it

var isTabClicked = false;
$('a').click(function() {
isTabClicked = true;
});

window.onbeforeunload = function() {
if(!isTabClicked)
{
return 'Pending changes will be lost unless they are saved first.'
'Are you sure you want to leave this page?';
}
};
0