事实证明，这实际上是正确的工作，我误解了规范
在与本地存储区域关联的Storage对象x上调用setItem（）、removeItem（）和clear（）方法时，如果这些方法执行了某些操作，则在每个Document对象（其Window对象的localStorage属性的Storage对象与同一存储区域关联，而不是与x关联）中，必须触发storage事件
换句话说，除了**更新localStorage对象并引发事件的窗口/选项卡之外，**在每个窗口/选项卡上触发存储事件。
所以这个事件没有被触发，因为我只打开了一个窗口/标签。如果我把上面的代码放在一个页面中，并在两个标签中打开这个页面，我会看到在第二个标签中触发的事件。
这个问题的答案包含了更多的细节。

下面是在JQuery中的实现方法：

$(window).bind('storage', function (e) {
     console.log(e.originalEvent.key, e.originalEvent.newValue);
 });

直接访问e.key不起作用。您需要使用e.originalEvent.key。
有些浏览器只会向其他标签页发送存储通知，有些则不会。（Firefox会向自己的标签页发送存储事件，但key设置为null，看起来像是这样）。

有一点需要说明的是，只有当.setItem上的项 * 实际上 * 发生了变化时，才会调用该事件处理程序。我一直在努力让它工作，直到我意识到不能一直用相同的值运行setItem。
我使用的是Chrome版本54.0.2840.71 m
下面是一个测试（在两个浏览器选项卡中打开）。

if (window.addEventListener)
            addEventListener('storage', storage_event, false);
        else if (window.attachEvent)
            attachEvent('onstorage', storage_event, false);
        function storage_event(e) {
            console.log("Time is now "+ e.newValue);
        }

        setInterval(function () {
            var time=new Date().getTime();
            localStorage.setItem("time", time);
            console.log("Setting time to "+time);
        }, 1000)

你可以使用localDataStorage这样的实用程序在同一个窗口/选项卡中为你触发事件，每当键值发生变化时，比如set或remove方法所做的变化。你也可以使用它来透明地设置/获取以下任何“类型”：数组、布尔值、日期、浮点数、整数、空值、对象或字符串。
[免责声明]我是该实用程序的作者[/免责声明]
一旦示例化了该实用程序，下面的代码片段将允许您监视事件（在普通JS中，因为已经给出了jQuery示例）：

function localStorageChangeEvents( e ) {
    console.log(
        "timestamp: "     + e.detail.timestamp + " (" + new Date( e.detail.timestamp ) + ")" + "\n" +
        "key: "           + e.detail.key     + "\n" +
        "old value: "     + e.detail.oldval  + "\n" +
        "new value: "     + e.detail.newval  + "\n"
    );
};
document.addEventListener(
    "localDataStorage"
    , localStorageChangeEvents
    , false
);

更新@Flimm的答案; .bind()方法在jQuery 3.0之后已弃用，因此建议使用.on()方法。

$(window).on('storage', function (e) {
  console.log(e.originalEvent.key, e.originalEvent.newValue);
});