使 javascript 在任何链接上工作答案

【问题标题】：Make javascript work on any link使 javascript 在任何链接上工作
【发布时间】：2017-11-05 14:30:43
【问题描述】：

我希望在单击我页面的任何链接时发生效果（某个<div id="posts"> 向左翻译）。我想知道是否有办法用 javascript 做到这一点。我唯一想到的是函数，但是将属性onclick="myFunction" 添加到我所有的链接会很长..

也许有一个预制的 js 函数适用于任何链接？

我也考虑过使用 CSS a:active，但我认为这不是最好的主意。

感谢您的回复！ :)

【问题讨论】：

使用Document.querySelectorAll() 和addEventListener() 向多个节点添加监听器。
好的，谢谢selectorAll，但我不确定addEventListener 会做什么以及如何使用它？ @OriDrori
addEventListener 将添加一个函数，就像您使用 onclick="myFunctiun" 所做的那样，但添加到所有选定的节点。
好的，非常感谢！我会尝试使用它并让你知道@OriDrori

标签： javascript html css hyperlink onclick

【解决方案1】：

你可以使用 jQuery 让事情像这样工作：-

$('a').click(myfunction);
function myFunction() {
    //do click event stuff here :)
}

如果您需要纯 JavaScript 替代方案，我不确定这是否可行，但您可以尝试以下方法：

var a = document.getElementsByTagName("p"); 
for(var i=0; i<p.length; i++){ 
 p[i].onclick = function(){ 
   myFunction();
 } 
}
function myFunction() {
//do click event stuff here :)
}

为了更好的理解，可以参考 http://jsbin.com/onaci/ 如果我误解了你，我很抱歉。如果是这样，请纠正我。谢谢

【讨论】：

【解决方案2】：

您可以使用 jQuery 来查找对 <a> 元素的点击，并从那里调用一个函数：

$('a').click(function() {
  // code to translate div left
});

【讨论】：