localStorage 的变更监听可多页签

最新推荐文章于 2024-09-24 10:48:38 发布

不二家大哥哥

最新推荐文章于 2024-09-24 10:48:38 发布

阅读量181

点赞数 4

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/weixin_45266081/article/details/140097359

版权

localStorage 没有直接提供跨标签页推送机制，但是可以使用 window.addEventListener('storage', listener) 监听 storage 事件，实现不同标签页间的通信。

// 标签页1修改了 localStorage
localStorage.setItem("someKey", "someValue");

// 其他标签页监听 storage 事件
window.addEventListener("storage", function (event) {
  if (event.storageArea === localStorage && event.key === "someKey") {
    console.log(event.newValue);
  }
});