当鼠标悬停在网页上的链接上时，如何隐藏浏览器状态栏上的链接？

Question

我在我的项目中使用 Zend、PHP、AJAX、JQuery。问题是，当我将鼠标悬停在网页上的链接上时，如何强制不在浏览器状态栏上显示链接。

最好的例子是在这个网站上，当您将鼠标悬停在该网站上的投票链接上时，它不会显示该链接，并且单击后投票会增加而无需刷新页面。

谢谢

Answer 1

在 Stack Overflow 上，您看不到地址，因为它不是链接（即它不是锚点）。它是一个跨度、图像或其他元素，带有 onclick 事件处理程序。

这是保证所有浏览器中没有状态栏文本的唯一方法，就像设置 window.status = ""; 的老式 JavaScript 方法一样。目前在大多数浏览器中都没有效果。

所以，例如...

[Html]
<img id="clickme" src="myimage.png" alt="My Image" title="Vote">

[JavaScript (jQuery)]
$("#clickme").click(function() { alert("You clicked me"); });

Answer 2

较旧的浏览器有类似

window.status = "";

的功能，您可以在其中向状态栏发送消息，同样可以有效地隐藏正常消息。

大多数浏览器不再支持此功能。

因此，如果您使用超链接 - 或者更具体地说是锚元素

<a>

- 具有

href

属性，则无法绕过状态栏。

如果您查看 SO 的 HTML，您会发现投票“链接”根本不是链接，而是带有分配给

onclick

事件的一些 javascript 事件处理程序的图像。

那么为什么当您将鼠标悬停在“投票”上时，光标会变成尖手指呢？这是因为 CSS

cursor

属性。

.vote img {
    cursor:pointer;
}

CSS 来自“all.css”样式表。

Answer 3

仅当您使用带有集合

<a>

的

href

元素时，状态栏才会突出显示。

如果您使用纯 JavaScript 打开链接，并且不分配

href

属性，则状态栏中不会显示任何内容。

Answer 4

如果您可以看到（查看源代码），侧面的投票链接不是链接，而是图像。如果您单击它，它会在此链接上触发 ajax 函数调用，https://stackoverflow.com/posts/2207467/vote/，从而更新数据库。

Answer 5

嗯...也许这不是最好的方法，但它有效：

<a href="javascript:;" onclick="location.href='your_url'">Click me!</a>

<a href="javascript:;" onclick="window.open('yoururl')">Open in window</a>

希望这有帮助！