onbeforeunload Message Appears Twice (Internet Explorer)

Question

I have the following script on my ASP.NET web page to warn the user when they are navigating away from a page with unsaved changes.

$(document).ready(function() {
    $('input:not(:button,:submit),textarea,select').change(function () {
        window.onbeforeunload = function () {
            return 'Changes made to this page have not been saved!';
        }
    });
});

This works just as intended except for some problems when the user is using Internet Explorer and attempts to navigate away using a link like this one.

<div onclick="window.location=&#39;http://www.domain.com&#39;;">Text</div>

If the user selects "Stay on this page", the message box appears twice. And then if they select "Stay on this page" the second time, the debugger highlights the link above with the message:

Microsoft JScript runtime error: Unspecified error.

This problem appears to be specific to Internet Explorer. Searching the Web, I've been able to find numerous references to what seem like related bugs, incredibly going back several versions of Internet Explorer. Yet, I've unable to find any comment from Microsoft or a reasonable fix. Here are a few of the links I've found that appear related.

Can anyone suggest a workaround? Doesn't look like Connect is accepting IE bug reports. I'm using IE9

Kanuea Kanuea · Accepted Answer · 2015-11-25T01:00:33

We ran into the same issue in IE11.

It turns out that assigning window.location = "http://www.domain.com" will cause this problem in IE.

If you instead use location.href = "http://www.domain.com", it will only prompt the user once.

Hopefully this helps someone out!

onbeforeunload Message Appears Twice (Internet Explorer)

3 Answers