master

分支 (1)

管理

管理

master

learn
/
监听localstorage.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <script>

    let arr = ['setItem', 'clear', 'getItem', 'removeItem']
    arr.forEach(item => {
      let obj = {}
      obj[item] = localStorage[item]
      let event = new Event(item)
      localStorage[item] = function (key, value) {
        event.newData = { key, value }
        window.dispatchEvent(event)
        Reflect.apply(obj[item], this, [key, value])
      }
    })

    window.addEventListener('setItem', (e) => {
      console.log('setItem', e)
    })

    window.addEventListener('getItem', (e) => {
      console.log('getItem', e)
    })
    window.addEventListener('clear', (e) => {
      console.log('clear', e)
    })
    window.addEventListener('removeItem', (e) => {
      console.log('removeItem', e)
    })
    localStorage.setItem('a', '1212')
    localStorage.getItem('a'),
    localStorage.removeItem('a')
    localStorage.clear()

  </script>


</body>

</html>