javascript - Javascript :void(0) but no onclick

Question

在搜索某些东西时，偶然发现了这篇文章，但不知道下面的代码是如何工作的:

<a class="button eula-download-button" data-g-event="cta" data-g-label="download-chrome" 
    href="javascript:void(0)">Download Chrome</a>

这个页面使用它: https://www.google.com/intl/en/chrome/browser/

此博客对此进行了讨论: http://adactio.com/journal/6022/

我的问题是，如果没有onClick，action是怎么完成的？

Answer 1

您可以使用“监听器”在您单击 <a> 时触发“监听器”处于事件状态。

例如:

var el = document.getElementById("t"); 
el.addEventListener("click", function(){...runcode... }, false); 

当您单击 ID 名称为“t”的元素时，这将运行一个函数

在这种情况下按钮使用了类，所以它在纯 javascript 中看起来像这样:

var el = document.querySelector("eula-download-button"); 
el.addEventListener("click", function(){...runcode... }, false);