html - 隐藏状态栏上的 anchor 显示

标签 html url hide anchor

我正在创建一个 jQuery UI Web 应用程序,其中我使用窗口底部的固定“状态栏”来根据需要显示相关信息的小片段。该信息显示在状态栏的左下角。到目前为止一切都很好。我遇到的问题是 - 我的网络应用程序中有大量的 anchor 。例如,在应用程序的左侧,我显示了一个 jstree TreeView ,其中有许多

<a href='#'>...

anchor 元素。当前发生的情况是,当用户将鼠标悬停在此类 TreeView 项目(或另一个 anchor )上时,浏览器(Google Chrome)会非常有帮助地在左下角弹出链接 URL。我想其他浏览器也会做类似的事情,但现在我只使用 Chrome 进行测试,甚至从长远来看,真正重要的是两个 webkit 浏览器。

嗯...那个有用的链接 URL 弹出窗口在“普通”网页中非常方便且有用,但在我的网络应用程序中完全不合适。我有什么办法可以抑制它吗?从我所做的所有阅读中,我发现大多数浏览器都会阻止这种抑制,因为这将是一个潜在的安全漏洞。

当然,我可以让自己的“提示文本”出现在其他地方,但这会相当不协调。我可以在这里做些什么还是我被弹出窗口困住了?我非常感谢任何帮助。

最佳答案

如果您使用<a>元素,浏览器将始终在悬停时显示地址,正如您所说,主要是出于安全原因。

但是,您可以使用<span>作为链接的元素,因此浏览器不会在悬停时显示它们,请参阅我的工作 demo .

关于html - 隐藏状态栏上的 anchor 显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12911902/

相关文章:

html - 使用 rvest 抓取在线 PDF

html - 我如何强制缩小的 svg 图像彼此相邻排列而不是换行/被推到下一行?

java - 无法使用 Jsoup HTML 解析器 Java 实现某些功能

javascript - 倒计时器在新页面上重置

ios - 如何从 url 中获取 xml 包含的 NSString?

python - 使用 Financial Modeling Prep (Python) 访问指定时间间隔的所有历史加密数据

android - 隐藏和显示操作栏中的选项卡

Javascript 显示/隐藏

php - 清理 URL 和数据库

javascript - 如何仅使用 javascript 和 css 隐藏和显示表单内部的 div