美文网首页
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