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

Nav*_*eed 3 php ajax jquery zend-framework statusbar

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

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

谢谢

Fen*_*ton 7

在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"); });
Run Code Online (Sandbox Code Playgroud)


Ric*_*uen 7

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

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

因此,如果您使用<a>带有href属性的超链接(或更具体地说是锚元素),则无法绕过状态栏.

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

那么当鼠标悬停在"投票"上时,为什么光标会变成那个尖锐的手指?这是因为CSS cursor属性.

.vote img {
    cursor:pointer;
}
Run Code Online (Sandbox Code Playgroud)

CSS来自'all.css'样式表.