Question

我想创建一个不链接到任何页面的超链接。单击时，它执行我已定义的javascript函数。所以，我创建了一个如下链接：

<a onclick="fun()"> SomeText </a>

但是，当我们将鼠标悬停在链接上时，鼠标指针不会更改为手形符号。

所以，我改变了链接

<a href="#" onclick="fun()"> SomeText </a>

所以，现在我得到了手形符号，但现在地址栏中的位置变为＆lt; url＆gt; /＃每当我点击链接时。

有没有办法创建一个不链接到任何位置的超链接，但是鼠标指针应该更改为鼠标悬停在它上面的手形符号？

谢谢。

Answer 1

从onclick事件返回false：

<a href="#" onclick="fun(); return false;"> SomeText </a>

Answer 2

<a href="javascript:;" onclick="fun();">Some Text</a>
<a href="javascript:fun();">Some Text</a>

Answer 3

<a href="/SomePageWeDontWantToVisit" onclick="fun(); return false;">...</a>

Answer 4

您还可以以编程方式添加事件处理程序，在javascript onload部分添加类似的内容（例如window.onload（））：

function clickHandler() {
  event.preventDefault();    
 // do some javascript stuff
}

document.getElementById("link").addEventListener("click", clickHandler, false);

HTML页面中的链接：

<a id="link" href="#">Some link</a>

Answer 5

创建span元素并修改css属性更为正确：

<span class="link" onclick="fun()"> SomeText </span>

<强> CSS

.link {cursor：pointer;}

创建空超链接

5 个答案: