从beforeunload事件中排除提交按钮

时间:2013-07-24 05:44:19

标签: javascript jquery onbeforeunload

检测到页面中的表单更改,所以我已经处理了

$('#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事件捕获?我几乎无法解释这个...我希望它能被理解......谢谢!

1 个答案:

答案 0 :(得分:2)

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