单页面应用,不切换浏览器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)
})
网友评论