美文网首页
sessionStorage&localStorage监听

sessionStorage&localStorage监听

作者: 三千不易留 | 来源:发表于2020-12-28 17:51 被阅读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)
})

相关文章

网友评论

      本文标题:sessionStorage&localStorage监听

      本文链接:https://www.haomeiwen.com/subject/rfstoktx.html