存储事件未触发

Question

附上活动：

 $(window).on("storage", function (e) {
   //callback not getting hit
});

试图触发事件：

 localStorage.setItem("test", "123");

我打开了两个选项卡，都在监听存储事件。我可以在两个选项卡上看到 localStorage 得到正确更新。但是，当我在一个选项卡上更改 localStorage 时，另一个选项卡永远不会触发该事件。有任何想法吗？

在 Chrome/Firefox 上试过。域格式为 https://www.xxx.yyy.zzz 。

原文由 MichaelAttard 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

问题是由 document.domain 在代码中覆盖引起的。在我删除 document.domain setter 后，事件正常运行。

看来这是由 Chrome 中的错误引起的。

https://bugs.chromium.org/p/chromium/issues/detail?id=136356&q=label%3AOWP-Standards-Compatibility&colspec=ID%20Pri%20M%20Stars%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS% 20修改

原文由 MichaelAttard 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

StorageEvent 在具有相同域的不同页面中触发。

来自 MDN

只要对 Storage 对象进行更改，就会触发 StorageEvent。

这在进行更改的同一页面上不起作用——这实际上是域中其他页面使用存储同步所做的任何更改的一种方式。

原文由 Perry2008084 发布，翻译遵循 CC BY-SA 4.0 许可协议