history.replaceState - 点击“返回按钮”不会触发hashchange事件

Question

场景:

打开新的网页，随机生成哈希值。

var urlNoHash = location.href;
history.replaceState(null, null, urlNoHash + "#" + Math.random() );

window.addEventListener("hashchange", myFunction());

function myFunction() {
    alert("hashchange");
}

当添加新的哈希值时，会触发hashchange事件，但在使用浏览器的“后退”按钮导航时不会触发该事件。

- Rolf Walter

---

尝试使用浏览器后退按钮检测脚本。 - camelsWriteInCamelCase

Answer 1

我认为这是浏览器实现的一个bug：一旦你使用replaceState修改了历史记录，后退按钮只会触发popstate事件，而不是hashchange事件。

好消息是，改变location.hash也会触发popstate事件，所以你不必监听两个事件。

- Nash Bridges