Override jQuery custom event

Question

I've got the following piece of code that will 'spread' an event to all my js modules. This is intended to be triggered when trying to move away from the current page. The issue is that I don't this to be triggered when the form is submitted (submit/cancel/save). Is there a way to check that?

main.js:

...

$(document).ready(function(){

    $(window).on('beforeunload', function(){
            var e = $.Event('webapp:page:closing');

            $(window).trigger(e);

            if (e.isDefaultPrevented()){
                return e.message || 'You have unsaved stuff!';
            }
        });
}

...

Answer 1

在提交/保存/取消之前，您可以调用以下代码，该代码将从所有侦听器中删除该处理程序

$(window).off('webapp:page:closing');

Answer 2

On form submit unbind the event:

$("#frm").submit(function(e) {
    $(window).off('beforeunload');
});

From MDN: The .off() method removes event handlers that were attached with .on()

Answer 3

我想到的唯一的办法是：与形式，当它处理的页面webapp:page:closing事件，它不应该阻止默认的，如果它已经提交了一份表格（它可以在页面通过可变追踪）。