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

Question

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

最好的例子是在这个网站上，当你鼠标悬停在这个网站上的向上投票链接时，它没有显示链接，点击后投票增加而没有刷新页面。

由于

Answer 1

在Stack Overflow上，您看不到地址，因为它不是链接（即它不是锚点）。它是一个span，image或其他元素，带有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

如果你能看到（查看来源），那边的投票链接不是链接，而是图像。如果单击它，它将在此链接https://stackoverflow.com/posts/2207467/vote/上触发ajax函数调用，该链接将更新数据库。