onstorage

发表于

触发时机

Storage 对象发生变化时，StorageEvent事件会触发

  • 创建/更新/删除数据项时，重复设置相同的键值不会触发该事件
  • Storage.clear()方法至多触发一次该事件
  • 在同一个页面内发生的改变不会起作用，在相同域名下的其他页面发生的改变才会起作用
1
2
3
4
5
6
7
window.addEventListener('storage', function(e) {
    document.querySelector('.my-key').textContent = e.key;
    document.querySelector('.my-old').textContent = e.oldValue;
    document.querySelector('.my-new').textContent = e.newValue;
    document.querySelector('.my-url').textContent = e.url;
    document.querySelector('.my-storage').textContent = e.storageArea;
});