popstate事件處理似乎不起作用

我有一個如「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);

我希望當它執行該代碼會彈出一個警告框，但，什麼都沒發生。

這裏有什麼不對嗎？

謝謝。

來源

2013-01-01 petwho

測試[jsFiddle]（http://jsfiddle.net/DJDavid98/Lrf62/）中的代碼，'.pushState（）'事件似乎失敗。用字符串替換變量允許我觸發事件。 – SeinopSys

@ DJDavid98 - 這隻意味着'pushState'返回'false'或'undefined'。 –

pushState不觸發popstate事件，只有單擊後退/前進按鈕（或使用退格鍵）或調用history.back()/history.go(n)會觸發該事件。

另外，在webkit瀏覽器中，頁面的onload事件會觸發popstate事件，但Firefox和IE不具有此行爲。

來源

2013-01-04 03:42:56 otakustay

在加載頁面或調用history.pushState（）時觸發之前提到的popstate事件。在後者的情況下，事件對象將包含一個狀態屬性，該屬性包含給予history.pushState（）的數據對象。你可以檢查這個，PLZ，我引用Javascript Web應用程序？ – petwho

我閱讀[HTML標準]（http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#dom-history-pushstate）並沒有發現觸發「popstate」的任何步驟事件。我正在做一個歷史api相關主題yestertoday，我確定'pushState'不會觸發任何'popstate'事件。如果一個** push **動作觸發一個** pop **事件，這不奇怪嗎？如果** push **觸發** pop **，那麼比歷史堆棧中剩下的東西還要多？沒有？ – otakustay

現在我從我的朋友借了一本Javascript Web應用書，是的，它說'pushState（）'會觸發'popstate'事件，但我認爲這是本書的錯誤，網上沒有其他資源證實了這種行爲。 – otakustay