popstate obsługi zdarzeń wydaje się nie działać

Question

Mam problem z „popstate” obsługi zdarzeń, to jest mój kod:

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); 

Spodziewałem ten kod pojawi się okno ostrzeżenia, gdy jest wykonywany, ale , nic się nie dzieje.

Czy coś jest nie tak?

Dziękuję.

Answer 1

pushState nie wywoła zdarzenie popstate tylko kliknąć przycisk wstecz/do przodu (lub użyć Backspace) lub wywoływanie history.back()/history.go(n) spowodowałoby to wydarzenie.

Ponadto, w przeglądarkach Webkit, zdarzenie popstate zostanie wywołane po zdarzeniu strony onload, ale Firefox i IE nie mają takiego zachowania.

Answer 2

Nie, to nie będzie,

Zgodnie MDN documentation

Zauważ, że właśnie dzwoni history.pushState() lub history.replaceState() nie wywoła popstate wydarzenie. Zdarzenie typu popstate jest wywoływane tylko przez działanie przeglądarki, takie jak kliknięcie przycisku wstecz (lub wywołanie funkcji history.back() w kodzie JavaScript).

Ponownie zgodnie this question zdarzenie popstate nie jest wyzwalany w Chrome kiedy zadzwonić pushState().

Answer 3

history.pushState() nie spowoduje wyzwolenia zdarzenia popstate z definicji.

Zdarzenie popstate jest uruchamiane w niektórych przypadkach podczas nawigacji do wpisu historii sesji.

To wydarzenie ma być wyzwalany tylko podczas nawigowania do wpisu w historii, albo przez naciśnięcie przycisku wstecz/do przodu lub history.go/back.

Answer 4

Ty cal również podłączyć obsługi popstate oddzwonienia tak:

window.onpopstate = someCallback; 

Sprawdź więcej informacji na temat tego onpopstate WindowEventHandler here.