javascript - 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没有这个行为。