Jak powiązać zdarzenie z sessionStorage?

Question

mogę skutecznie powiązać zdarzenie o zmianę localStorage (jQuery):

$(window).bind('storage', function(e) 
{ 
    alert('change'); 
}); 

localStorage.setItem('someItem', 'someValue'); 

Jeśli używam sessionStorage, zdarzenie nie będzie ogień:

$(window).bind('storage', function(e) 
{ 
    alert('change'); 
}); 

sessionStorage.setItem('someItem', 'someValue'); 

Dlaczego tak jest?

Answer 1

Tak właśnie powinienem myśleć. Z spec (podkreślenie dodane):

Kiedy setItem(), removeItem() i clear() metody są wywoływane na Storage obiektu x, który jest związany z miejscem do przechowywania sesji, jeśli metody zrobił coś, to w każdym celem dokumentu, którego okna obiekt bagażu obiektu sessionStorage atrybutu jest związane z tym samym obszarze składowania, inne niż x, wydarzenie składowania musi być zwolniony

I myśl co oznacza, że ​​zdarzenie zostanie wywołane w innym dokumencie współużytkującym obiekt pamięci sesji, ale nie dokument, który spowodował zdarzenie.

Aktualizacja

Oto kolejny very similar question co wydaje się zgodzić z tym, co już wspomniano powyżej (odpowiedź cytuje ten sam ustęp z spec).

Answer 2

Urządzenie sessionStorage jest izolowane dla każdej karty, więc nie może się komunikować. Zdarzenia dla sessionStorage są wyzwalane tylko pomiędzy ramkami na tej samej karcie.

EDIT:

Zrobiłem następujący przykład:

http://codepen.io/surdu/pen/QGZGLO?editors=1010

Strona przykład ma dwa przyciski, które wywołują lokalne i zmiany przechowywania sesji.

osadza również iframe do innego codepen który nasłuchuje zdarzeń przechowywania zmian: (. Należy zachować tę otwarty na innej karcie)

http://codepen.io/surdu/pen/GNYNrW?editors=1010

Można zauważyć, że po naciśnięciu Przycisk "Zapisz lokalny", zarówno w elemencie iframe, jak i otwartej karcie jest przechwytywany, ale po naciśnięciu "Zapis sesji" tylko osadzony element iframe przechwytuje zdarzenie.

Answer 3

To pytanie wydaje się uzyskiwać dość dużo wyświetleń, więc po prostu opublikuję to jako dodatkowe informacje.

W przypadku, gdy chcesz odpowiedzieć wyłącznie do aktualizacji na obiekcie sessionStorage, można po prostu zignorować zdarzeń spowodowanych przez localStorage:

$(window).on('storage',function(e){ 
    if(e.originalEvent.storageArea===sessionStorage){ 
    alert('change'); 
    } 
    // else, event is caused by an update to localStorage, ignore it 
}); 

Nienawidzę jQuery, więc umieścić rodzimą wersję, a także:

window.addEventListener('storage',function(e){ 
    if(e.storageArea===sessionStorage){ 
    alert('change'); 
    } 
    // else, event is caused by an update to localStorage, ignore it 
});