Detect any change in localStorage?

Question

Is there any way to detect any change in HTML5 localStorage and then call certain functions if there is any change indeed? I have certain keys stored with names as "e1", "e2", "e3", and so on...

i want to detect if any key is removed or added and then trigger some functions if there is any change...

Answer 1

According to specs Storage interface emits storage event on global objects which it affects.

So in your case you may just add handler

window.addEventListener("storage", function () {     // do your checks to detect     // changes in "e1", "e2" & "e3" here }, false); 

There is no need for jQuery even.