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


沒有留言: