按下后退按鈕時檢測/警告

Question

有沒有一種方法可以檢測/捕獲瀏覽器的后退按鈕，然后問他們是否確定要后退？

構建一個應用程序，它將很快轉換為基於ajax的應用程序，並且根據要求，如果用戶“返回”，則應重置該應用程序...

我主要是希望這能抓住意外的后退按鈕，因為我個人認為，如果有人不能按照應用程序開始時給出的指示進行操作。...我不必擔心他們的額外工作。

如果沒有辦法做到這一點，最好的解決方案是在新窗口/標簽頁中啟動應用程序，以便沒有歷史可追溯到嗎？

Answer 1

您可以使用onbeforeunload來檢測后退按鈕或意外頁面導航：

window.addEventListener("beforeunload", function() {
     var ans = confirm("Are you sure?");
     if (ans) {
          //TODO: add your code here
     }
}, false);

要替換瀏覽器歷史記錄中的當前頁面，可以使用window.location.replace() ：

window.location.replace("yourNewURL");

Answer 2

您還可以像這樣設置onbeforeunload函數：

    window.onbeforeunload = function() {
       return "Are you sure you wish to leave?";
    };