¿Cómo puedo vincular el evento a sessionStorage?

Question

puedo unir con éxito un evento de un cambio a localStorage (usando jQuery):

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

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

Si uso sessionStorage, el evento se dispara:

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

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

¿Por qué es esto?

Answer 1

Así es como debe ser, creo. Desde el spec (énfasis añadido):

Cuando los setItem(), removeItem() y clear() métodos se llaman en un Storage objeto x que está asociada con un área de almacenamiento de sesión, si los métodos hicieron algo, entonces en cada objeto de documento cuya ventana objeto almacenamiento de del objeto sessionStorage atributo se asocia con la misma área de almacenamiento, distinta de x, un evento de almacenamiento debe ser despedido

I think lo que eso significa es que el evento se disparará en cualquier otro documento que comparta el objeto de almacenamiento de la sesión, pero no el documento que provocó el desencadenamiento del evento.

actualización

Aquí hay otro very similar question que parece estar de acuerdo con lo que he mencionado anteriormente (la respuesta cita el mismo párrafo de la especificación).

Answer 2

El sessionStorage está aislado para cada pestaña, por lo que no pueden comunicarse. Los eventos para sessionStorage se activan solo entre fotogramas en la misma pestaña.

EDIT:

He hecho el siguiente ejemplo:

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

La página de ejemplo tiene dos botones que desencadenan un cambio de almacenamiento de sesión local y.

También incrusta un iframe a otro codepen que escucha los eventos de almacenamiento de cambios: (. Debe mantener esta abierto en una pestaña diferente)

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

Usted se dará cuenta de que cuando se pulsa el El botón "Escribir local", tanto en el iframe como en la pestaña abierta, se captura el evento, pero cuando presiona "Escribir sesión" solo el iframe incrustado captura el evento.

Answer 3

Esta pregunta parece estar obteniendo algunas vistas, así que solo publicaré esto como información adicional.

En caso de que deseen responder exclusivamente a cambios en el objeto sessionStorage, puede simplemente ignorar los eventos causados ​​por localStorage:

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

odio jQuery, por lo que va a publicar un la versión nativa así:

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