popstate事件处理程序似乎无法正常工作

Question

我遇到了'popstate'事件处理程序的问题,这是我的代码:

window.addEventListener("popstate", function (event){
    if (event.state) {
        alert('abc')
    }
});

// The data object is arbitrary and is passed with the popstate event.
var dataObject = {
    createdAt: '2011-10-10',
    author: 'donnamoss'
};

var url = '/posts/new-url';
history.pushState(dataObject, document.title, url);

我预计这个代码会在执行时弹出一个警告框,但没有任何反应.

这里有什么不对吗？

谢谢.

Answer 1

pushState不要触发popstate事件,只需单击后退/前进按钮(或使用退格键)或调用history.back()/ history.go(n)将触发此事件.

此外,在webkit浏览器中,popstate事件将在页面onload事件之后触发,但Firefox和IE不具有此行为.

Answer 2

不，不会，

根据MDN 文档

请注意，仅调用 history.pushState() 或 history.replaceState() 不会触发 popstate 事件。popstate 事件仅通过执行浏览器操作触发，例如单击后退按钮（或在 JavaScript 中调用 history.back()）。

同样按照这一问题的popstate事件不会在触发Chrome时调用pushState()。