javascript - 从 beforeunload 事件中排除提交按钮

Question

我正在检测页面中的表单更改，所以我已经处理了

$('#element').change(function(){
metaDataChange = true;
});

这样当用户离开页面并且对表单的输入进行更改时。他/她将被提醒是离开还是留在页面上，就像在 Facebook 中您尝试发布状态然后离开页面一样，将提示您选择离开或留在页面中的对话框页。

$(window).on('beforeunload', function() {

    if(metaDataChange === true || basicInfoChange === true){
        return "You have unsaved changes, do you want to leave without saving?";       
    }
});

上面的代码运行良好但是.. 我想为此排除提交按钮。因为当我单击“提交”时，提交按钮的行为意味着重定向到另一个页面。当实际上他/她打算保存他/她的更改时，将再次用相同的消息提示用户。

如何在窗口的 beforeunload 事件中排除提交按钮？我很难解释这个......我希望它可以被理解......谢谢！

Answer 1

$('#submitButton').click(function(){
metaDataChange = false;
...redirecting 
});