javascript - 在同一窗口中使用 localStorage 监听变化

Question

我想在同一页面上监听 localStorage API 中发生的变化(而不是像规范所说的那样在多个选项卡中)。

我目前正在使用这段代码:

var storageHandler = function () {
    alert('storage event 1');
  };

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

localStorage.setItem('foo', 'bar');

有谁知道在一个页面上监听 localStorage 事件的普通 JavaScript 方法(没有 jQuery)

Answer 1

由于JS是动态语言，只需重写原始函数即可。

var originalSetItem = localStorage.setItem; 
localStorage.setItem = function(){
    document.createEvent('Event').initEvent('itemInserted', true, true);
    originalSetItem.apply(this, arguments);
}