Html5 / Js Storage Event Handler

I'm using Safari webkit's engine together with HTML5 and JS to create an offline application now I'm using the sessionStorage array to store status of my application(simulation). T

Solution 1:

Storage event handlers only fire if the storage event is triggered from another window.

How can I get an event to fire every time localStorage is updated in Safari 5+?

Solution 2:

the 'storage' event occurred by the other tab in the browser. When you change the storage in one page and addEventLister also in this page , the window can not catch the message.

for example

You have two page, pageOne change the storage , pageTwo will catch the 'storage' message and handle this, but pageOne couldn't catch the message.

Solution 3:

Could you provide some more code for how you are storing the keys? It works for me on Safari - http://jsfiddle.net/pvRgH/

Solution 4:

To communicate between multiple tabs we can use storage event. You store a data item in local storage and you will get to know that your local storage is updated.

Check out the code.

window.addEventListener("storage", storageEventHandler, false);

      functionstorageEventHandler(evt) {
        alert("storage updated");
      }

      functionclickme() {
        localStorage.setItem("someKey", "someValue");
      }

<buttononclick="clickme()">Click Me</button>

Note: storage event only fires in other tabs. Not inside the tab, you are in currently. click^ :)