更改瀏覽器後退按鈕功能

Question

使用案例： 我有一個顯示某些功能的彈出窗口的網頁。彈出窗口可以被認爲是一個HTML div，當相應的按鈕被點擊時顯示。當單擊取消按鈕/瀏覽器後退按鈕時，再次隱藏。

問題： 考慮彈出顯示。當用戶點擊後退按鈕時，他不應該導航回到前一頁，而只應該隱藏彈出窗口div。

如何在瀏覽器後退按鈕中使用javascript添加此功能？

在此先感謝

Answer 1

您可以將我追加到URL的哈希值提取到歷史記錄更改。

index.html - >用戶打開酥料餅 - >index.html#popover

現在點擊後退按鈕將重定向回index.html。當然，這需要一些JavaScript代碼。

Answer 2

出於明顯的安全原因，您不能覆蓋瀏覽器中的按鈕操作，但可以通過編程方式添加歷史記錄，即使當前頁面在歷史記錄中顯示兩次，這樣當用戶單擊後退按鈕時，重定向回到同一頁面。使用Really Simple History來實現。

Answer 3

這聽起來像你正在尋找HTML5歷史API。

關於它如何工作的一個很好的介紹可以在http://diveintohtml5.info/history.html找到。

可以在http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html找到更多信息。

此外，您應該查看polyfilling功能的舊版瀏覽器。有很多選擇，包括https://github.com/browserstate/history.js，其中包括一些示例代碼，甚至一個工作演示（http://browserstate.github.io/history.js/demo/）。