處理瀏覽器中的后退按鈕事件

Question

在我的網絡應用程序中，我有一組項目（基因名稱），用戶可以使用箭頭鍵進行導航。 發生這種情況時，我會更改瀏覽器 URL 以反映新的選擇：

window.history.pushState(null, null, "/" + root_subdir + "/?gene=" + gene_name);

我這樣做是為了讓用戶可以復制更改后的 URL，然后輸入該 URL 以使用該基因的數據集加載我的 Web 應用程序。 此設置似乎在當前瀏覽器中正常工作。

我的問題是當人們使用箭頭鍵瀏覽陣列中的基因，然后單擊瀏覽器的后退按鈕時，我如何處理這種情況。

這會將瀏覽器地址欄中的 URL 更改為歷史中上一個 URL 中的內容，但此 URL 更改不會使用該數據加載瀏覽器。

當用戶單擊后退按鈕時，是否有我可以監聽的事件，例如，這將讓我觸發一個事件以觸發加載先前基因的數據集？

Answer 1

您快到了。 你已經有了pushState 。 您現在需要將處理程序附加到popstate事件。 將該處理程序掛鈎到加載數據的同一函數。