在使用 Storage 进行存取操作的同时，如果需要对存取操作进行监听，可以使用 HTML5 Web Storage api 内置的事件监听器对数据进行监控。只要 Storage 存储的数据有任何变动，Storage 监听器都能捕获。

interface Storage : Event{
    readonly attribute DOMString key;
    readonly attribute DOMString? oldValue;
    readonly attribute DOMString? newValue;
    readonly attribute DOMString url;
    readonly attribute Storage? storageArea;
    void initStorageEvent(in DOMString typeArg,
        in boolean canBubbleArg,
        in boolean cancelableArg,
        in DOMString keyArg,
        in DOMString oldValueArg,
        in DOMString newValueArg,
        in DOMString urlArg,
        in Storage storageAreaArg);
};

不难看出其中包含以下属性：

• key 属性表示存储中的键名
• oldValue 属性表示数据更新前的键值，newValue 属性表示数据更新后的键值。如果数据为新添加的，则 oldValue 属性值为 null。如果数据通过 removeItem 被删除，则 newValue 属性值为 null 。如果 Storage 调用的是 clear 方法，则事件中的 key 、oldValue 、newValue 都是为 null
• url 属性记录 Storage 时间发生时的源地址
• StorageArea 属性指向事件监听对应的 Storage 对象

Storage 事件可以使用 W3C 标准的注册事件方法 addEventListenter 进行注册监听。例如：

window.addEventlistener("storage",showStorageEvent,true);
    function showStorageEvent(e){
    console.log(e)
}

接下来，就到了你自测的时间了！Go！