關閉彩盒模式窗口時如何防止退出時出現javascript警告？

Question

我有一個javascript消息提醒用戶，當他試圖離開表單頁面時，如果他還沒有填寫表格，如下所示：

window.onbeforeunload = function (evt) {
if(window.nounloadcheck == true) return;
var message = 'Data you entered may not be saved';
if (typeof evt == 'undefined') {
evt = window.event;
}
if (evt) {
evt.returnValue = message;
}
return message;
}

我在同一頁面上也有一個鏈接，用於打開彩色模塊，以便用戶可以上傳新照片。 提交新照片后，顏色框模式將關閉並刷新主頁面，以便用戶可以看到他們上傳的新照片。 這是用於刷新主頁面的顏色框代碼：

jQuery(document).ready(function(){
jQuery(".iframe").colorbox({iframe:true, width:"748px", height:"92%", onClosed:function(){ location.reload(true); } });
});

問題是當頁面嘗試重新加載時，會出現javascript警報。 我試過了：

 <form ... onSubmit='window.nounloadcheck = true; return true;'>

這個單詞用於主頁面上表單的提交按鈕。 但它不適用於colorbox模式上的提交按鈕。 在關閉彩盒模式時，如何阻止主頁顯示javascript警告？

Answer 1

你不能在location.reload之前將它添加到onClosed函數嗎？

Answer 2

您正在尋找：

<form ... onSubmit='window.onbeforeunload = null; return true;'>

這將在事件處理程序運行之前清除它。