捕获父元素上的事件

Question

当单击发生时，window.event 报告树中最低的元素。例如，

<a href="http://server.com/page.aspx" id="anchor">
<span id="span" class="Someclass">
    <strong id="strong">Submit</strong> 
</span> </a>

当您单击上面的链接时，如果您在 BODY 级别有 onclick 监听器，则 window.event 将报告“强”元素被单击。在同一事件中，我如何知道父级实际上是一个“锚”标签，其 href 指向某处？即我正在寻找一种自动方式让我知道主要元素是“锚”而不是“强”元素。 我显然无法执行 window.event.target.parentNode.parentNode 因为这将是手动检查。可能在某个地方我可以跟踪点击事件的“冒泡”。

有人有任何线索吗？

Answer 1

您可以自动检查祖先。

var element = foo;
while (foo !== document.body) {
    if (foo === someCondition) {
      return foo;
    }
    foo = foo.parentNode;
}
return false;

大多数库都有一个内置的方法来执行此操作。例如，YUI 3 有 Node .ancestor，而 jQuery 有最接近的。