IE6 中的 event.currentTarget

我有一个事件处理程序，我将其附加到一个元素以捕获冒泡的单击事件。 我需要一个reliable获取元素的方法caught事件，而不是触发它的元素。 该特定元素高于 srcElement/target 的级别数量是任意的，因此使用 ParentNode 或任何其他方法都不是可行的解决方案。 这特别需要在 IE6 中工作。 虽然我有点喜欢 jQuery 框架，但我will not在此使用 jQuery，因此任何 jQuery 建议都将被视为无用。

TL;博士：我需要一个reliableIE6 中的 event.currentTarget，没有 jQuery。

任何帮助将不胜感激。

Update: attachEvent似乎确实在这里造成了问题。来自 quirksmode.org:

在以下情况下，它指的是窗口：

element.onclick = function () {doSomething()}
element.attachEvent('onclick',doSomething)
<element onclick="doSomething()">

注意存在attachEvent()。该技术的主要缺点是Microsoft 事件注册模型就是它attachEvent()创建对该函数的引用但不复制它。因此，有时不可能知道当前哪个 HTML 正在处理该事件。

解决这个问题的唯一方法似乎是创建一个包装器，例如：

var addListener = (function() {
    if(document.attachEvent) {
        return function(element, event, handler) {
            element.attachEvent('on' + event, function() {
                var event = window.event;
                event.currentTarget = element;
                event.target = event.srcElement;
                handler.call(element, event);
            });
        };
     }
     else {
        return function(element, event, handler) {
            element.addEventListener(event, handler, false);
        };
     }
}());

Then this将引用该元素，就像event.currentTarget你会通过event作为第一个参数。

Usage:

addListener(element, 'click', function(e) {
    // this refers to element
    // e.currentTarget refers to element
    // e.target refers to the element that triggered the event
}); 

旧答案：（适用于inline and 传统的事件处理程序，以及addEventListener（但不是attachEvent))

在事件处理程序内部，this指事件处理程序附加到的元素。