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

Question

Right now I use:

href="javascript:void(0)"

for my a tags.

However, I find this messy, and it is also displayed to the user in FireFox on a hover.

What I'm considering doing is replacing my links with just plain p tags and setting up event handlers in JavaScript.

Clarification:

This is for modern JavaScript enabled browsers only. I'm not yet currently concerned accessibility.

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();
        }
    });
}

Demo : http://jsfiddle.net/pqNfg/

Answer 2

不确定你要做什么，但你也可以使用href="#"并使用不引人注目的javascript来阻止点击事件继续。

Answer 3

use

event.preventDefault() to disable any links that might be initiated by a user clicks

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