我在我的项目中使用 Zend、PHP、AJAX、JQuery。问题是,当我将鼠标悬停在网页上的链接上时,如何强制不在浏览器的状态栏上显示链接。
最好的例子是在这个网站上,当你将鼠标悬停在这个网站上的投票链接上时,它不会显示链接,点击后投票增加而不刷新页面。
谢谢
我在我的项目中使用 Zend、PHP、AJAX、JQuery。问题是,当我将鼠标悬停在网页上的链接上时,如何强制不在浏览器的状态栏上显示链接。
最好的例子是在这个网站上,当你将鼠标悬停在这个网站上的投票链接上时,它不会显示链接,点击后投票增加而不刷新页面。
谢谢
在 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"); });
较旧的浏览器具有类似的window.status = "";
功能,您可以在其中向状态栏发送消息,并同样有效地隐藏正常消息。
大多数浏览器不再支持此功能。
<a>
因此,如果您使用带有属性的超链接 - 或者更具体地说是锚元素-href
就无法绕过状态栏。
如果您查看 SO 的 HTML,您会看到投票“链接”根本不是链接,而是带有分配给onclick
事件的一些 javascript 事件处理程序的图像。
那么,当您将鼠标悬停在“投票”上时,为什么光标会变成那个尖尖的手指呢?那是因为 CSScursor
属性。
.vote img {
cursor:pointer;
}
该 CSS 来自“all.css”样式表。
仅当您使用<a>
带有 set 的元素时才会突出显示状态栏href
。
如果您使用纯 JavaScript 打开链接,并且不指定href
属性,则状态栏中不会出现任何内容。
如果你能看到(查看源代码),旁边的投票链接不是链接,它是图像。如果单击它,它会在此链接https://stackoverflow.com/posts/2207467/vote/上触发一个 ajax 函数调用,它会更新数据库。