Excluding clicks within a DIV from a window.onbeforeunload

Question

Given the following function:

window.onbeforeunload= function() {
    if (CKEDITOR.instances.stuff.getData().length > 0 && oktoquit == false) {
        return "You have unsaved changes. Click Cancel now, then 'Save' to save them. Click OK now to discard them.";
    }
};

I'd like a way to exclude this function from running if the user clicks a link in a div with an ID:

<div id="ignore me"><a href="">blah</a><a href="">blah</a><a href="">blah</a></div>

Any ideas?

** Update Turns out the following code for the site's search is causing the issue. but why?

$("#searchresults li").live('click', function(e) {
    if (e.target.nodeName != "a") {
        window.location = $(this).find('a').attr('href');
    }
});

Answer 1

You can do this:

$("#ignoreMe").click(function() {
  window.onbeforeunload = null;
});

I changed your ID to be ignoreMe so it's valid, but you get the point :) Judging by your question, you may want #ignoreMe a for a selector, if you want to exclude any links inside that div from executing the handler, whatever you want, just use that selector.

Answer 2

window.top.onbeforeunload this ignores the CKEDITOR iFrame which does the job