window.onbeforeunload不按預期方式工作

Question

我創建了以下jsfiddle。

如果您在任何編輯框中輸入任何輸入，並嘗試離開頁面，則會顯示警告信息。

如果您輸入任何輸入並單擊該按鈕，當不需要時仍會顯示警告。 （我需要阻止它顯示）。

在網頁中，似乎window.onbeforeunload比單擊事件之前被拋出，因此即使您單擊提交按鈕，它也將始終顯示警告對話框。

它讓我覺得代碼應該改變，以處理事件的時間，但不知道？

Answer 1

這聽起來像你想要做的是防止在提交表單時顯示onbeforeunload消息。

只需添加一個submit處理程序，該處理程序將form_has_been_modified值返回爲false。

$("#additemform").on('submit', function(e) { 
    form_has_been_modified = false; 
}); 

Working Demo

在這個演示中，我還清理你的榜樣，去除不必要的處理和改變form_has_been_modified使用本地布爾true和false而不是0和1