javascript - 如果单击提交按钮，则防止执行 beforeunload 函数

Question

我有以下功能，如果用户在 $('.article_div textarea') 表单字段被填充时退出页面，则会向用户发出警告。

$(window).on('beforeunload', function(event) {
    var unsaved = "Are you sure you want to exit?";
    var text = $('.article_div textarea').val();
    if (text.length > 0){
        return unsaved;
    }
});

但是，当他们单击实际表单的提交按钮时，我想阻止执行此弹出窗口。

我该如何修改函数来解决这个问题？提交按钮的元素是

$('button.submit_post')。

Answer 1

您可以创建一个 bool 值，当您单击提交时该值变为正值，或者删除单击时的卸载事件。代码如下:

var isSubmitClicked = false;
$('button .submit_post').on("click",onClick);
function onClick(e){
   isSubmitClicked = true;
}
$(window).on('beforeunload', function(event) {
   if(isSubmitClicked){
     isSubmitClicked = false;
     return;
   }
   // Rest of your method.
}