首页 > 其他分享 >监听localStorage值

监听localStorage值

时间:2022-09-23 11:15:04浏览次数:50  
标签:function val setEvent localStorage key signSetItem 监听

function dispatchEventStroage () {
    const signSetItem = localStorage.setItem;
    localStorage.setItem = function (key, val) {
        let setEvent = new Event('setItemEvent')
        setEvent.key = key
        setEvent.newValue = val
        window.dispatchEvent(setEvent)
        signSetItem.apply(this, arguments)
    }
};

dispatchEventStroage();

window.addEventListener('setItemEvent', function (e) {
 console.log('change信息:',e);
})

 

标签:function,val,setEvent,localStorage,key,signSetItem,监听
From: https://www.cnblogs.com/swt-axios/p/16721970.html

相关文章

  • uniapp 返回上一页事件监听
    需求点击订单页---订单详情页----点击修改地址---来到地址列表,修改地址--- 成功以后返回订单详情页,并且更新界面数据 首先在订单详情页  设置事件  监听另一界面......
  • Oracle启动监听报错:The listener supports no services解决
    前几天一台项目开发使用的Oracle11g服务器重启系统之后,出现了几个莫名的报错,下面是其中一个,已解决。$lsnrctlstart报错提示:ThelistenersupportsnoservicesTheco......
  • vue3中watch监听ref reactive响应式数据写法及注意点
    watch函数与vue2中watch配置一致两个小坑监视reactive定义的响应式数据时,oldvalue无法正确获取,强制开启了深度监视(deep配置失败)监视reactive定义的响应式数据中某个......
  • CTO 说了:谁再用 Redis 过期监听实现定时任务,立马滚蛋!
    作者:Finley来源:https://www.cnblogs.com/Finley/p/16395466.html前言日前拜读阿牛老师的大作《领导:谁再用定时任务实现关闭订单,立马滚蛋!》发现其方案有若干瑕疵,特此抛......
  • 监听div高度宽度的变化-自定义指令
    上篇内容说到,iframe嵌入其他项目页面,iframe实现自适应高度需要监听div页面高度的变化使用到了局部自定义指定directives:{//使用局部注册指令的方式resize:{//......
  • Vue3:监听属性
    监听属性与vue2.x中的watch配置功能一致注意监视reactive定义的响应式数据时,oldvalue无法正确获取,强制开始了深度监视(deep的配置失效)监视reactive定义的响应......
  • localstorage && sessionStorage
    localStorage和sessionStorage的区别主要在于其生命周期localStorage相同的协议,主机名,端口,可以读取到localStorage数据sessionStorage:相同的协议,主机名,端口......
  • el-scrollbar 横向滚动 监听滚动事件
    横向滚动隐藏横向滚动条.el-scrollbar__wrap{overflow-x:hidden;}显示横向滚动条.el-scrollbar__wrap{overflow-x:auto;}.el-scrollbar__view{......
  • APP 监听手机键盘是否弹出
    /***监听键盘是否弹出*@paramshow*@paramhide*/exportconstaddEventKeyboardStatus=(show,hide)=>{window.addEventListener('native.keyboardsho......
  • localstorage,sessionstorage
    sessionStoragesessionStorage.setItem('role','admin')说明:用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据localstoragelocalStora......