有关Storage事件监听的疑惑

    科技2022-07-10  120

    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事件

    Processed: 0.034, SQL: 8