模式打開時不要重新加載頁面

Question

這是我在這里的第一個問題。 我想防止僅在模式打開時從瀏覽器重新加載按鈕重新加載頁面。 否則可以重新加載。 我應該顯示一個警告，說在重新加載之前應該關閉模態或類似的東西。

HTML：

<div id="newwr" class="modal newwr">
    <div class="modal-content">
        <h4>Create a WR</h4>
        <p>...</p>
    </div>
</div>

爪哇腳本：

<script>
    window.onbeforeunload = function() {
        if (modal.isOpen()) {
          alert("Modal should be closed before reloading the page");
        }
    }
</script>

Answer 1

您可以使用onbeforeunload來提供這種響應。

window.onbeforeunload = function() {
    if (modal.isOpen()) {
      return "Modal should be closed before reloading or something...";
    }
}

您需要以某種方式確定模式是否打開。 您可以在內部跟蹤狀態（正如我在這里嘗試用偽代碼展示的那樣），或者通過檢查 DOM 來查看您的模態是否存在和/或可見。

正如評論中所述，一旦我們對您的代碼有了更多的了解，我們就可以提供更具體的幫助，但希望這將為您指明正確的方向。