window.addEventListener('storage', (event)用法
时间: 2024-11-27 11:15:19 浏览: 11
`window.addEventListener('storage', (event) => {...})` 是JavaScript中用于监听浏览器存储变化的一个常见用法。当浏览器中的某个数据源(如localStorage或sessionStorage)发生变化时,`storage` 事件就会触发。这个函数会在每次存储操作完成后被调用。
这里是一个简单的例子:
```javascript
window.addEventListener('storage', function(event) {
// 当存储发生改变时,事件会被触发
if (event.key === "yourKey") { // 检查是否是你关心的数据项
console.log('存储变化:', `键 ${event.key} 的新值是 ${event.newValue}`);
}
// event 参数包含了有关更改的详细信息,如新的和旧的值,以及更改的来源(localStorage 或 sessionStorage)
console.log('事件类型:', event.type);
console.log('当前URL:', event.url);
console.log('新的值:', event.newValue);
console.log('旧的值:', event.oldValue);
});
```
在这个例子中,我们设置了监听器来监听特定的键(如`"yourKey"`),当这个键的值改变时,我们会打印出相关信息。记得替换`"yourKey"`为你实际关心的存储键。
阅读全文