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

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 事件处理程序的图像。

那么，当您将鼠标悬停在“投票”上时，为什么光标会变成那个尖尖的手指呢？那是因为 CSScursor属性。

.vote img {
    cursor:pointer;
}

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

Answer 3

仅当您使用<a>带有 set 的元素时才会突出显示状态栏href。

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

Answer 4

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