附加事件：
$(window).on("storage", function (e) {
//callback not getting hit
});
试图触发事件：
localStorage.setItem("test", "123");
我打开了两个选项卡，都在监听存储事件。我可以看到 localStorage 在两个选项卡上都得到了正确更新。但是，当我在一个选项卡上更改 localStorage 时，另一个选项卡永远不会触发该事件。有什么想法吗？
在 Chrome/Firefox 上试过。域名格式为https://www.xxx.yyy.zzz。
【问题讨论】：
标签： javascript local-storage dom-events
StorageEvent 在具有相同域的不同页面中触发。
来自 MDN
只要对 Storage 对象进行更改，就会触发 StorageEvent。
这不适用于进行更改的同一页面 - 它实际上是域上其他页面使用存储同步所做更改的一种方式。
【讨论】：
正如其他人在答案中指出的那样，storage 事件只有在 localStorage 在另一个浏览器的选项卡/窗口（同一应用程序）中发生更改时才会被（由侦听器）拾取，但是不在当前标签的上下文中。
window.addEventListener('storage', console.log)
window.localStorage.setItem('test', '123')
window.dispatchEvent( new Event('storage') ) // <-----
已调度手动storage 事件。
这将有效地触发storage 事件侦听器两次 在其他选项卡/窗口（同一个应用程序）上，但在某些情况下这应该不是问题。
【讨论】：
如果甚至在不同的选项卡/页面之间进行测试，但仍然没有看到该事件...我发现只有在密钥已经存在时才会触发该事件。
看起来更像是onchange 事件。
给localStorage键设置一个默认值，如果连undefined再测试。
我认为这是一个 Chrome 错误，因为 Firefox 和 Safari 可以正确触发，但它就是这样。
【讨论】：
问题是由代码中的document.domain 覆盖引起的。删除 document.domain 设置器后，事件正常工作。
似乎这是由 Chrome 中的错误引起的。
【讨论】：
After I removed the offending line, events worked correctly. 你删除了哪一行？
abc.xyz.com 的页面上有document.domain = xyz.com。
window.addEventListener('storage', function (e) {
console.log("storage event occured here");
},false);
Storage Listner 在源选项卡以外的其他选项卡中被调用。只需将调试器添加到其他选项卡即可。
【讨论】：
只要键值发生更改，例如由 set 或 remove 方法进行的更改，您始终可以使用localDataStorage 之类的实用程序在同一窗口/选项卡中为您触发事件。您还可以使用它来透明地设置/获取以下任何“类型”：Array、Boolean、Date、Float、Integer、Null、Object 或 String。
[DISCLAIMER] 我是该实用程序的作者 [/DISCLAIMER]
实例化该实用程序后，以下 sn-p 将允许您监视事件：
function localStorageChangeEvents( e ) {
console.log(
"timestamp: " + e.detail.timestamp + " (" + new Date( e.detail.timestamp ) + ")" + "\n" +
"key: " + e.detail.key + "\n" +
"old value: " + e.detail.oldval + "\n" +
"new value: " + e.detail.newval + "\n"
);
};
document.addEventListener(
"localDataStorage"
, localStorageChangeEvents
, false
);
【讨论】：