在 Javascript 中将属性附加到冒泡事件对象

在 Chrome/Firefox 中，我可以将自定义属性附加到一个处理程序中的事件对象，并在同一事件的不同处理程序中读取它们，即使事件处理是冒泡的。

我不能在 IE 中做同样的事情。当事件冒泡时，我的自定义属性丢失了。 您知道是否有任何解决方案或解决方法吗？

以下是该问题的示例：

<div id="div1">
<input type="button" value="Foo" id="button1">
</div>

<script>

function attach(el, event, fn) {
  if (el.addEventListener) {
    el.addEventListener(event, fn);
  } else if (el.attachEvent) {
    el.attachEvent('on'+event, fn);
  }

}

attach(document.getElementById("button1"), 'click', function (event) {
event.abc = "done";
return true;
});

attach(document.getElementById("div1"), 'click', function (event) {
alert(event.abc);
return true;
});

</script>

根据我的测试你不能向事件对象添加属性在 IE 中（IE8 测试）。

尝试下一个代码：

attach(document.getElementById("button1"), 'click', function (ev) {
  //ev=ev||event;
  //ev.abc = "done";
  // next lines show you why you cannot save properties in event object
  var xx1=event;
  var xx2=event;
  alert(xx1===xx2); // // showed *false* in IE8, but expected *true*

  return true;
});

我不确定，但也许，什么时候event请求对象，IE8总是返回new对象，包含与先前请求相同的属性/值。