从链接中删除“可点击性”（锚点标记）

Question

我有几个链接，在发送响应之前需要几秒钟来处理，所以我想实现一个指示器图标。这里是我的起点：

<a href="/foo"><img src="icon.png" /></a> 

这是一个传统的应用程序，并且代码已经是一个烂摊子，所以我不介意和使用内联事件处理程序：

<a href="/foo"><img src="icon.png" onclick="indicate(this)" /></a> 

而且，世界上没有JS框架绑定在一起。我可以使用其他一些机制来应用事件处理程序，但这不会改变我试图解决的问题。

由于后端处理消耗大量资源，我想让用户不要多次点击。我试图在第一次点击时删除href属性。看起来，通过使用超时发送请求后，href被正确删除，但firefox和IE9都允许我再次单击该链接。

这里的指示（）函数：

function indicate(e) { 
    if (indicator.ref.nodeName) indicateStop(); 

    // save state 
    indicator.ref = e; 
    indicator.orig.href = indicator.ref.parentNode.href; 
    indicator.orig.src = indicator.ref.src; 

    // replace icon 
    indicator.ref.src = indicator.src; 

    // remove href 
    setTimeout(function(){ indicator.ref.parentNode.removeAttribute("href"); }, 20); 
} 

所以，问题是，我怎么能点击它删除一个链接（锚）的“可点击”？

Answer 1

有了这个代码，您可以从打开的链接锚停止：

$('a').on('click', function(e){ 
    e.preventDefault(); 
}); 

Answer 2

<a id="indicate" href="/foo"><img src="icon.png" /></a> 

document.getElementById('indicate').addEventListener('click', indicate, false); 

function indicate(e) { 
    e.preventDefault(); 
} 

有人会说使用返回false，有时不错，但不是最好的主意。 event.preventDefault() vs. return false