以下代码可以用来监听页面中localstorage和sessionstorage中属性值的变化
复制代码
1
2window.addEventListener('storage', event=>{})
实现： localStorage.setItem('test', 111); 触发storage事件
一、同个标签页监听 storage
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13var orignalSetItem = localStorage.setItem; localStorage.setItem = function(key,newValue){ var setItemEvent = new Event("setItemEvent"); setItemEvent.key = key; setItemEvent.newValue = newValue; setItemEvent.oldValue = localStorage.getItem(key); window.dispatchEvent(setItemEvent); orignalSetItem.apply(this,arguments); } window.addEventListener("setItemEvent", function (e) { console.log(e.key , e.newValue , e.oldValue ) });
二、不同标签页监听 storage
window.addEventListener(‘storage’, e=>{console.log(e)})
**
三、二者用法区别
**
storage事件，只有在其它标签页改变storage属性值，才会执行。即方法二
同个标签页则使用方法一
最后
以上就是诚心夕阳最近收集整理的关于监听storage改变的全部内容，更多相关监听storage改变内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
![[附源码]计算机毕业设计时间管理软件appSpringboot程序](/uploads/reation/bcimg13.png)
发表评论 取消回复