浏览器Store操作.md 456 B

浏览器端localStore

重写setItem函数来实现前端修改存储值事件监听

const setItem = localStorage.setItem
localStorage.setItem = function (name, value){
setItem.apply(this, arguments)
var event = new Event('setItem')
event.key = name
event.value = value
window.dispatchEvent(event);
}
// 页面使用
window.addEventListener('setItem', function (e) { document.querySelector('.view').innerText = `${e.key}: ${e.value}`
})