JavaScript 在图像上链接元素

Question

我试图拦截所有 a 链接点击来完成一些额外的工作，这对于独立的 a 链接效果很好，但当它包含 img 例如 >img 标签被返回。

<强> JSFiddle

有没有办法检查上面的元素是否也是一个a链接，或者我应该有不同的方式来处理这个问题吗？

JS:

  document.onclick = function (e) {
  e = e ||  window.event;
  var element = e.target || e.srcElement;

    if (element.tagName == 'A') {
      window.open(element.href, "_system");
      return false;
    }
  };

Answer 1

可以向上遍历被点击节点的父节点，看看祖先是否是A标签

...
var element = e.target || e.srcElement;
while (element.tagName != 'A' && element.parentNode) {
    element = element.parentNode;
}
if (element.tagName == 'A') {
...