当鼠标hover在网页上的链接时,如何隐藏浏览器状态栏上的链接?
我在我的项目中使用Zend,PHP,AJAX,JQuery。 问题是当我将鼠标hover在我的网页上的链接上时,如何强制不在浏览器的状态栏上显示链接。
最好的例子是在这个网站上,当你鼠标hover在这个网站上的向上投票链接时,它没有显示链接,点击后投票增加而没有刷新页面。
谢谢
在Stack Overflow上,您看不到地址,因为它不是链接(即它不是锚点)。 它是一个span,image或其他元素,带有onclick事件处理程序。
这是保证所有浏览器中没有状态栏文本的唯一方法,作为设置window.status =“”的老派JavaScript方法; 这些天在大多数浏览器中都没有效果。
所以,例如……
[Html] [JavaScript (jQuery)] $("#clickme").click(function() { alert("You clicked me"); });
较旧的浏览器有类似window.status = "";
您可以将消息发送到状态栏,同样有效地隐藏正常消息。
大多数浏览器不再支持此function。
因此,如果您使用带有href
属性的超链接(或更具体地说是锚元素 ,则无法绕过状态栏。
如果您查看HTML for SO,您会看到投票结果“链接”根本不是链接,而是包含分配给onclick
事件的一些javascript事件处理程序的图像。
那么当你鼠标hover在“投票”上时,为什么光标会变成那个尖锐的手指呢? 这是因为CSS cursor
属性。
.vote img { cursor:pointer; }
CSS来自’all.css’样式表。
如果你能看到(查看来源),那边的投票链接不是链接,而是图像。 如果单击它,它会在此链接上激活ajax函数调用, https://stackoverflow.com/posts/2207467/vote/ ,它会更新数据库。