Javascript 将 onclick 事件附加到所有链接

Question

我想在网站上的每个链接上附加一个函数来更改参数。

如果没有 jQuery，我怎么能做到这一点？

我如何遍历每个链接(它可能是一个 DOM 项)并调用它们的函数？

Answer 1

奇怪的是没有人提供使用事件冒泡的替代解决方案

function callback(e) {
    var e = window.e || e;

    if (e.target.tagName !== 'A')
        return;

    // Do something
}

if (document.addEventListener)
    document.addEventListener('click', callback, false);
else
    document.attachEvent('onclick', callback);

此解决方案的优点是，当您动态添加另一个 anchor 时，您不需要专门将事件绑定(bind)到它，因此所有链接将始终触发此事件，即使它们是在执行这些行之后添加的。这与迄今为止发布的所有其他解决方案形成对比。当您的页面上有大量链接时，此解决方案也更为理想。