首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何隐藏浏览器状态栏上的链接,当您鼠标移到网页上的链接上时?

如何隐藏浏览器状态栏上的链接,当您鼠标移到网页上的链接上时?
EN

Stack Overflow用户
提问于 2010-02-05 21:29:31
回答 4查看 6.8K关注 0票数 3

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

最好的例子就是在这个网站上,当你将鼠标移到这个网站上的向上投票链接上时,它不会显示该链接,点击后投票数会增加,而不会刷新页面。

谢谢

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2010-02-05 21:33:58

在Stack Overflow上,你看不到地址,因为它不是一个链接(即它不是一个锚)。它是一个span、image或其他元素,带有onclick事件处理程序。

这是确保在所有浏览器中都没有状态栏文本的唯一方法,因为老式的设置window.status = "";的JavaScript方法现在在大多数浏览器中都不起作用。

举个例子..。

代码语言:javascript
复制
[Html]
<img id="clickme" src="myimage.png" alt="My Image" title="Vote">

[JavaScript (jQuery)]
$("#clickme").click(function() { alert("You clicked me"); });
票数 7
EN

Stack Overflow用户

发布于 2010-02-05 21:37:29

较老的浏览器有像window.status = "";这样的东西,你可以向状态栏发送消息,同样可以有效地隐藏普通消息。

这在大多数浏览器上不再受支持。

因此,如果使用具有href属性的超链接-或者更具体地说是锚元素<a> -,就无法绕过状态栏。

如果您查看了SO的超文本标记语言,您将看到vote up“链接”根本不是一个链接,而是一个带有分配给onclick事件的javascript事件处理程序的图像。

那么,为什么当你把鼠标放在“向上投票”上时,光标会变成那个指向你的手指呢?这是因为CSS的cursor属性。

代码语言:javascript
复制
.vote img {
    cursor:pointer;
}

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

票数 7
EN

Stack Overflow用户

发布于 2010-02-05 21:33:21

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

如果您使用纯JavaScript打开链接,并且没有分配href属性,则状态栏中将不会出现任何内容。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2207467

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档