sessionStorage&localStorage监听

原创于 2020-12-28 17:51:12 发布 · 1.0k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript #vue #jquery #html5

博客介绍单页面应用在不切换浏览器tab页时，可通过自定义事件进行监听，还能监听其它同源页面的localStorage，而sessionStorage无法监听。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

单页面应用，不切换浏览器tab页的情况，可以通过自定义事件进行监听

// 触发事件
function resetSetItem (key, newVal) {
    var setItemEvent = new Event("setItemEvent")
    setItemEvent.newValue = newVal
    window.dispatchEvent(setItemEvent)
    localStorage.setItem(key, newVal)
}

// 监听事件
window.addEventListener("setItemEvent", function (e) {
    // alert(e.newValue);
    console.log(e.newValue)
})

监听其它同源页面的localStorage(sessionStorage无法监听)

window.addEventListener("storage", function (e) {
    console.log(e.newValue)
})