sessionStorage&localStorage监听

2020-12-28  本文已影响0人  三千不易留

单页面应用,不切换浏览器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)
})
上一篇下一篇

猜你喜欢

热点阅读