12

在 Internet Explorer 9 和 10 中，localStorage 实现会意外触发事件（这里有一个很棒的线程：Bug with Chrome's localStorage implementation？）

有谁知道阻止storage事件在启动 Internet Explorer 更改的选项卡上触发的方法？

例如，当单击添加按钮时，以下内容不应显示警报，但在 IE 中会显示：

小提琴：http: //jsfiddle.net/MKFLs/

<!DOCTYPE html>
<html>
  <head>
    <title>Chrome localStorage Test</title>
    <script type="text/javascript" >

      var handle_storage = function () {
        alert('storage event');
      };

      window.addEventListener("storage", handle_storage, false);

    </script>
  </head>
  <body>
    <button id="add" onclick="localStorage.setItem('a','test')">Add</button>
    <button id="clear" onclick="localStorage.clear()">Clear</button>
  </body>
</html>

编辑：顺便说一句，我在这里打开了一个 MS 的错误。https://connect.microsoft.com/IE/feedback/details/798684/ie-localstorage-event-misfired

可能关不上。。。。。。

4

1 回答 1

15

将脚本更改为以下内容会阻止处理焦点窗口中的任何存储事件。

这不是您所问的，因为我认为这需要对浏览器进行修补，但它会导致 IE 9/10 符合规范，同时对其他浏览器（全局和侦听器除外）没有不利影响。

<script type="text/javascript" >
      var focused;

      window.addEventListener('focus', function(){focused=1;}, false);
      window.addEventListener('blur', function(){focused=0;}, false);

      var handle_storage = function (e) {
        if(!focused)
          alert("Storage",focused);
      };

      window.addEventListener("storage", handle_storage, false);

</script>

请参阅此小提琴以获取更新的一致行为。

编辑：以下方法也有效并以窗口焦点的运行时检查为代价避免了侦听器：

<script type="text/javascript" >

      var handle_storage = function (e) {
        if(!document.hasFocus())
          alert("Storage");
      };

      window.addEventListener("storage", handle_storage, false);

</script>
于 2013-09-04T23:14:50.070 回答