有沒有辦法在javascript中捕捉後退按鈕事件？

Question

當只有位置哈希值變化時，有沒有一種方法可以響應JavaScript中的後退按鈕（或按下退格鍵）？也就是說，當瀏覽器不與服務器通信或重新加載頁面時。

Answer 1

使用hashchange事件：

window.addEventListener("hashchange", function(e) { 
    // ... 
}) 

如果您需要支持舊的瀏覽器，檢查出的Modernizr的HTML5跨瀏覽器Polyfills wiki頁面的hashChange Event section。

Answer 2

onLocationChange也可能有用。不知道這是否是Mozilla專用的，看起來可能是這樣。

Answer 3

你看過這個嗎？ http://developer.yahoo.com/yui/history/

Answer 4

我已經創建了一個solution，這可能對某些人有用。只需在頁面上包含代碼，並且您可以編寫自己的函數，單擊後退按鈕時將調用該函數。

我已經在IE，FF，Chrome和Safari中測試過了，都在工作。在IE和FF中，我使用的基於iframe的解決方案無需進行持續輪詢，但由於其他瀏覽器的侷限性，Safari中使用了位置哈希。

Answer 5

我做了一個有趣的黑客解決這個問題，我滿意。我有一個動態加載內容的AJAX站點，然後修改window.location.hash，並且有代碼在$（document）.ready（）上運行來解析哈希並加載相應的部分。問題是，我對我的部分導航代碼非常滿意，但想要添加一種攔截瀏覽器後退和前進按鈕的方法，這會改變窗口位置，但不會干擾當前頁面加載例程，我在其中操作window.location，並以固定間隔輪詢window.location是不可能的。

我最終什麼事做的是創建一個對象，例如：

var pageload = { 
    ignorehashchange: false, 
    loadUrl: function(){ 
     if (pageload.ignorehashchange == false){ 
      //code to parse window.location.hash and load content 
     }; 
    } 
}; 

然後，我添加了一行到我的網站腳本運行於hashchange事件pageload.loadUrl功能，例如：

window.addEventListener("hashchange", pageload.loadUrl, false); 

然後，如果我想修改window.location.hash而不觸發這個頁面加載例程，我只需在每個window.location.hash =行之前添加以下行：

pageload.ignorehashchange = true; 

，然後每個哈希修改行後以下行：

setTimeout(function(){pageload.ignorehashchange = false;}, 100); 

所以現在我的部分加載程序通常運行，但如果用戶點擊「返回」或「前進」按鈕時，新位置將被解析並加載相應的部分。

Answer 6

結賬history.js。有一個HTML 5 statechange事件，你可以聽它。