## 第三節：事件 `Storage`接口儲存的數據發生變化時，會觸發 storage 事件，可以指定這個事件的監聽函數。 ~~~ window.addEventListener('storage', onStorageChange); ~~~ 監聽函數接受一個`event`實例對象作為參數。這個實例對象繼承了`StorageEvent`接口，有幾個特有的屬性，都是只讀屬性。 * `StorageEvent.key`：字符串，表示發生變動的鍵名。如果 storage 事件是由`clear()`方法引起，該屬性返回`null`。 * `StorageEvent.newValue`：字符串，表示新的鍵值。如果 storage 事件是由`clear()`方法或刪除該鍵值對引發的，該屬性返回`null`。 * `StorageEvent.oldValue`：字符串，表示舊的鍵值。如果該鍵值對是新增的，該屬性返回`null`。 * `StorageEvent.storageArea`：對象，返回鍵值對所在的整個對象。也說是說，可以從這個屬性上面拿到當前域名儲存的所有鍵值對。 * `StorageEvent.url`：字符串，表示原始觸發 storage 事件的那個網頁的網址。 下面是`StorageEvent.key`屬性的例子。 ~~~ function onStorageChange(e) { console.log(e.key); } window.addEventListener('storage', onStorageChange); ~~~ > 注意，該事件有一個很特別的地方，就是它不在導致數據變化的當前頁面觸發，而是在同一個域名的其他窗口觸發。也就是說，如果瀏覽器只打開一個窗口，可能觀察不到這個事件。比如同時打開多個窗口，當其中的一個窗口導致儲存的數據發生改變時，只有在其他窗口才能觀察到監聽函數的執行。可以通過這種機制，實現多個窗口之間的通信。