javascript - 存储事件未触发

Question

附加事件:

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

尝试触发事件:

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

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

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

Answer 1

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

From MDN

The StorageEvent is fired whenever a change is made to the Storage object.

This won't work on the same page that is making the changes — it is really a way for other pages on the domain using the storage to sync any changes that are made。