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

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 = ""; 的功能，您可以在其中向状态栏发送消息，并且同样有效地隐藏正常消息。

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

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

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

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

.vote img {
    cursor:pointer;
}

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

Answer 3

仅当您使用带有设置的 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>

在标签内你可以放置图像或其他东西，你也可以在 onclick 中调用一些函数，然后在它内部调用 AJAX 并在后端有 URL 或进程，我相信是这种情况（一个过程），并不完全导航到另一个页面，因为该新页面在地址栏中会很明显......

希望这有帮助！