Web Storage －事件處理

》Web Storage

當 Storage 資料發生異動時，一個名稱為 storage 的事件被觸發，要回應此事件，必須於 window 物件註冊此事件處理器，所需的程式碼如下：

window.addEventListener('storage', function(event){

    // 回應 storage 事件… 

}, false);

其中 event 提供了數個不同的屬性，直接引用這些屬性可以取得相關的異動資料，相關屬性由 StorageEvent  介面定義如下：

interface StorageEvent : Event {

  readonly attribute DOMString key;

  readonly attribute DOMString? oldValue;

  readonly attribute DOMString? newValue;

  readonly attribute DOMString url;

  readonly attribute Storage? storageArea;

};

下表列舉說明之：

屬性	說明
key	被改變的鍵名稱。
oldValue	被改變的鍵其對應的原始值。
newValue	被改變的鍵其對應的新值。
url	被改變的鍵其原始的網頁位址。
storageArea	受變更的儲存區 Storage 物件。

》Web Storage