创建一个空超链接

Question

我希望创建一个超链接，但不链接到任何页面。当单击时，它将执行我定义的javascript函数。 因此，我创建了以下链接：

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

然而，当我们将鼠标悬停在链接上时，鼠标指针并没有变成手形符号。

因此，我将链接改为

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

现在我已经得到了手形符号，但是每当我点击链接时，地址栏中的位置会更改为<url>/#。

有没有一种方法可以创建一个超链接，不链接到任何位置，但鼠标悬停在其上时应该将鼠标指针更改为手形符号？

谢谢。

- Mike

Answer 1

在onclick事件中返回false：

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

- Anatoliy

---

谢谢回复，那个方法有效！:)。是否还有一种方法可以隐藏鼠标悬停在链接上时出现的链接文本？ - Mike

尝试添加属性：onmouseover="window.status=''"，以在状态栏消息中显示“nothing”（空字符串）。 - Daan

onmouseover="window.status = '';" - Anatoliy

Answer 2

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

- jantimon

Answer 3

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

- Björn

---

但是要小心这种方法：如果客户端禁用了JavaScript，那么你不想访问的页面仍然会被访问 :) - Daan

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="#">一些链接</a>

- stian

Answer 5

更正确的做法是创建一个span元素，然后修改css属性：

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

css

.link{cursor: pointer;}

- Eduard Deza