javascript - 有没有更好的方法来“伪造”链接的 href 属性？

Question

现在我使用：

href="javascript:void(0)"

对于我的标签。

但是，我觉得这很混乱，并且它也会在 FireFox 中悬停时显示给用户。

我正在考虑做的是用纯 p 标签替换我的链接并在 JavaScript 中设置事件处理程序。

澄清：

这仅适用于支持现代 JavaScript 的浏览器。我目前还不关心可访问性。

Answer 1

HTML：

<a href="">Foo</a>

JS：

var a = document.getElementsByTagName('a');
for(i=0 ; i<a.length ; i++){
    a[i].addEventListener('click', function(e) {
        if (this.href === window.location.href) {
            e.preventDefault();
        }
    });
}

演示：http: //jsfiddle.net/pqNfg/

Answer 2

不确定您要做什么，但您也可以使用href="#"和使用不显眼的 javascript 来阻止单击事件继续。

Answer 3

利用

event.preventDefault()禁用可能由用户点击启动的任何链接

anchorElement.onclick=function(e)
{
    e.preventDefault();}