禁止修改localStorage值禁止写入localStorage值

最新推荐文章于 2023-02-25 14:58:42 发布

原创最新推荐文章于 2023-02-25 14:58:42 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

react 同时被 2 个专栏收录

29 篇文章

订阅专栏

vue

16 篇文章

订阅专栏

本文介绍了一种通过监听storage事件来禁止他人修改localStorage的方法，并演示了如何实现禁止写入及特定键值的操作。

禁止修改localStorage值

window添加监听事件（监听storage变化）
window.addEventListener(‘storage’, (e) => {
localStorage.setItem(e.key, e.oldValue)
})

禁止写入localStorage值

本质是禁止别人人写入localStorage值
window添加监听事件（监听storage变化）

// 设置自己的识别符，如（Tzpt）
window.addEventListener('storage', (e) => {
  if(new RegExp(/^Tzpt/).test(e.key)) {
    localStorage.setItem(e.key.substring(4), e.newValue) 
  } else {
    localStorage.setItem(e.key, null) 
  }
})
window.localStorage.setItem("Tzptszq", "124")