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

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

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

谢谢

Answer 1

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

这是保证所有浏览器中没有状态栏文本的唯一方法，作为设置window.status =“”的老派JavaScript方法; 这些天在大多数浏览器中都没有效果。

所以，例如……

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

Answer 2

较旧的浏览器有类似window.status = ""; 您可以将消息发送到状态栏，同样有效地隐藏正常消息。

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

因此，如果您使用带有href属性的超链接（或更具体地说是锚元素 ，则无法绕过状态栏。

如果您查看HTML for SO，您会看到投票结果“链接”根本不是链接，而是包含分配给onclick事件的一些javascript事件处理程序的图像。

那么当你鼠标hover在“投票”上时，为什么光标会变成那个尖锐的手指呢？ 这是因为CSS cursor属性。

 .vote img { cursor:pointer; } 

CSS来自’all.css’样式表。

Answer 3

仅当您使用具有set href的元素时，才会突出显示状态栏突出显示。

如果您使用纯JavaScript打开链接，并且未指定href属性，则状态栏中不会显示任何内容。

Answer 4

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