有关Storage事件监听的疑惑
1、Storage事件监听是什么?干什么的?
在使用Web Storage API存储数据时,当存储的数据发生变化时,会触发window对象的storage事件,通过监听该事件并指定其事件处理函数,可以定义在其他页面中修改sessionStorage或localStorage中的值时所要执行的处理。
监听storage事件的示例代码如下:
window.addEventListener("storage", function onStorageChange(event) {
console.log(event.key);
});
2、window中addEventListener方法中的参数都是什么?
其实在添加监听器(addEventListener)这个方法中总共有三个参数
① 第一个参数是事件的类型(如“click”或“mousedown”,这里我们使用的事件类型是storage)
②第二个参数是事件触发后调用的函数
③第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的,可以不写
由此我们知道监听storage事件的示例代码的作用:
在window中添加了一个addEventListener方法,方法中第一个参数是storage事件类型,第二个参数是个回调函数。当sessionStorage或localStorage中存储的数据发生变化时执行第二个参数的回调函数。
使用过程中需要注意什么?
(1)、localStorage的监听需要如下条件:
① 同一浏览器打开了两个同源页面
② 其中一个网页修改了localStorage
③ 另一网页注册了storage事件

浙公网安备 33010602011771号