【问题标题】:How to disable URL tooltip (status bar)?如何禁用 URL 工具提示(状态栏)?
【发布时间】:2012-11-09 02:07:32
【问题描述】:

当我单击链接(或用鼠标悬停)时,URL 会显示在屏幕底部。这是 Firefox 的默认行为。

如何防止这种情况发生?

我正在为触觉界面制作一个网站。

谢谢!

【问题讨论】:

  • 你试过用jquery吗..?
  • 我该如何使用 jquery 呢?
  • 我没有投反对票,但我想这是因为这是非常糟糕的做法。状态栏的作用是阻止狡猾的网站通过链接到屏幕上所写页面以外的页面来欺骗人们。
  • 那么,投反对票的人应该问我为什么......这是一个交互式信息亭,客户不想要任何可见的 URL。该页面应该看起来像一个应用程序。
  • 这里只是一个想法,如果你真的需要控制这种行为,不要使用firefox。考虑在任何应用程序语言中嵌入一种 webview 形式,您可以在其中控制界面的 chrome 和行为。

标签: javascript jquery html css firefox


【解决方案1】:

如果您使用<a> 以外的任何其他标签,如果您使用的是

<div id='idofdiv'>标签

查询将是

$('#idofdiv').click(function(){
window.open('www.google.com');
});

希望这会有所帮助!

【讨论】:

  • 是的,我想过这个...如果没有办法禁用 URL 工具提示,我会这样做。
【解决方案2】:

浏览器不显示什么对象会在点击时执行,所以试试这个:

<div onclick="location.href ='http://www.google.com';"> click me </div>

或者你可以使用span,它是内联元素:

<span onclick="location.href ='http://www.google.com';"> click me </span>

【讨论】:

  • 正如@Ahmad 所说,我仍然可以使用&lt;a&gt; 并且只删除 href 属性(它将其行为更改为经典的跨度)。
  • 顺便说一句,如果你赢了t use href in a, you wont 就可以管理访问链接的样式。
【解决方案3】:

您可以使用 jquery 来实现这一点, 首先在您的页面中包含 jquery 库,然后

在页面中编写脚本

 $(function(){
       $('[data-url]') //select all elements having data-url
        .click(function(e){ e.preventDefault();
         window.location.href= $(this).attr('data-url')})
    })

在html中

<span data-url="#/inbox" >Go to inbox</span>
<a data-url="mydraft.html">Drafts</a>

【讨论】:

    【解决方案4】:

    这是不可能的,而且这里没有 CSS,你不能用 CSS 来做,你可以使用类似的东西来欺骗 &lt;a&gt; 链接,但我建议你不要使用所有这些,没有任何具体原因,无论如何他们都会从源页面中找到 URL

    <a href="#" onclick="location.href ='http://www.google.com';">Spoofing</a>
    

    Demo

    注意:实际上刚刚检查过,演示在小提琴页面上不起作用,只是在本地创建一个 .html 页面,它会起作用

    【讨论】:

    • 这似乎不起作用,实际上我所有的链接都已经有href="#"。它显示“mysite.com/mypage.php#”。不,他们不会/不应该看到任何 URL,因为我的页面在全屏时只有 Javascript 导航。
    • @theredled 你不会得到另一个答案,所以最好不要对正确答案投反对票,如果你有更好的解决方案,请告诉我
    • 感谢您为回答和制作小提琴页面所做的努力,但这是一个正确的答案吗?
    • @theredled 我已经说过这是不可能的,那不是说它正确吗?实际上您将其标记为 CSS 并且您想要一个 CSS 解决方案,所以这些答案是我重新标记您的问题时的奖励
    • 抱歉,我没听懂“恶搞”这个词。所以是的,这个答案是正确的,即使它不能满足我的需求。
    猜你喜欢
    • 1970-01-01
    • 2011-05-24
    • 1970-01-01
    • 1970-01-01
    • 2019-04-13
    • 1970-01-01
    • 1970-01-01
    • 2022-08-13
    • 1970-01-01
    相关资源
    最近更新 更多