无法将属性分配给Internet Explorer中的window.event（或数据属性）

Question

因此，我使用事件冒泡来捕获子DOM事件...我将点击事件附加到div包装器，并附加单击事件到包装的孩子......像这样：

<div onclick="foo();"> 
    <div onclick="bar();"> 
     Hello World! 
    </div> 
</div> 

function foo() { 
    alert(window.event.abc.one); 
}; 

function bar() { 
    window.event.abc = {one: "23"}; 
}; 

正如你所看到的，我指定一个自定义对象abc。我使用这种方式发送消息来点击处理链上的处理程序......并避免在每个子元素上使用闭包。在其他浏览器中，您可以将任何您喜欢的内容指定给event对象......并且这种方式非常有效。

但是（当然），这在IE中不起作用。我尝试在事件对象上使用“data”属性，但这只允许字符串。

任何其他方式我可以完成相同的功能，而无需在每个子对象上使用闭包？

Answer 1

不漂亮，但这应该工作。 Box9 the magnificent建议我忽略了一些东西，也就是说，如果某物在气泡到达bar()之前设置了某个属性（例如，您的内部div的后代的事件处理程序），它将被覆盖。

var msg = {}; 

// When the event bubbles up to document, we'll reset it to an empty object 
// literal, ready for new information to be attached to it. 
document.onclick = function() { msg = {} }; 

function foo() { 
    alert(msg.one); 
}; 

function bar() { 
    // Assign this property only, so if something else had attached a property 
    // to `msg`, it will remain intact. 
    msg.one = "23"; 
};