每个链接和子项上都有AddEventListener

Question

是否可以递归地将新事件附加到页面的每个链接？目前我正在使用以下代码：

var linkHandler = function (e) {
  e = e ||  window.event;
  var element = e.target || e.srcElement;
  console.log("Element clicked, type: "+element.tagName);

  if (element.tagName == 'A') {
    console.log("Catched "+element.href);
    element.href = url(element.href);
  }
};

document.addEventListener("click", linkHandler, true);

但只有直接点击链接才有效。例如，只有点击第二个链接的“工作”才能正常工作。

<a href="./testLink.html"><strong>Doesn't work</strong></a>
<a href="./testLink.html">Work <strong>Doesn't</strong></a>`

还有其他可能吗？

谢谢！