jQuery的：离开页面，而在编辑模式下

Question

我尝试显示一条消息，当用户编辑一些领域，尝试去到另一个网页，或点击接近

消息出现在页面之前确认对话框

本页面要求您确认您要离开 - 您输入的数据可能未保存。

我用这个代码：

$('#form').data('serialize',$('#form').serialize()); 
    // On load save form current state 

$(window).bind('beforeunload', function(e){ 
    if($('#form').serialize()!=$('#form').data('serialize'))return true; 
    else e=null; 
    // i.e; if form state change show box not. 
}); 

此代码的工作，只有当用户尝试编辑的东西，如果不是我可以关闭页面，这就是我想要的。

的问题是，该消息出现也当我提交表单

当我尝试click的button提交的消息也出现

本页面要求你确认你要离开 - 您输入的数据可能无法保存。

如何防止显示该消息，当我点击提交按钮??！

Answer 1

保存在变量听众，并删除它提交

const onBeforeUnloadListener function(e){ 
 
    if($('#form').serialize()!=$('#form').data('serialize'))return true; 
 
    else e=null; 
 
    // i.e; if form state change show box not. 
 
} 
 

 
$(window).bind('beforeunload', onBeforeUnloadListener); 
 

 
$('#form').on('submit', function() { 
 
    $(window).unbind('beforeunload', onBeforeUnloadListener) 
 
}