【问题标题】:How to hide links on browser's statusbar when you mouseover on links on webpage?当您将鼠标悬停在网页上的链接上时,如何隐藏浏览器状态栏上的链接?
【发布时间】:2010-02-05 13:29:30
【问题描述】:

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

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

谢谢

【问题讨论】:

  • 请不要那样做。除了那些对不标准行为感到恼火的人外,很少有人会注意到。如果您确实设法隐藏它,用户仍然可以通过其他方式获取信息。
  • 我认为这是出于安全目的,当您单击up-vote链接时,链接不会出现在任何地方,并且投票存储在数据库中。无论如何谢谢

标签: php jquery ajax zend-framework statusbar


【解决方案1】:

在 Stack Overflow 上,您看不到地址,因为它不是链接(即它不是锚点)。它是一个跨度、图像或其他元素,带有 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"); });

【讨论】:

    【解决方案2】:

    旧版浏览器有类似window.status = ""; 的功能,您可以在其中向状态栏发送消息,同样有效地隐藏正常消息。

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

    因此,如果您使用带有href 属性的超链接 - 或者更具体地说是锚元素 &lt;a&gt; - ,则无法绕过状态栏。

    如果您查看 SO 的 HTML,您会看到投票“链接”根本不是链接,而是带有分配给 onclick 事件的一些 javascript 事件处理程序的图像。

    那么,为什么当您将鼠标悬停在“投票”上时,光标会变成那个尖尖的手指呢?这是因为 CSS cursor 属性。

    .vote img {
        cursor:pointer;
    }
    

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

    【讨论】:

      【解决方案3】:

      仅当您使用带有集合href&lt;a&gt; 元素时,状态栏才会突出显示。

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

      【讨论】:

      【解决方案4】:

      如果你能看到(查看源代码),旁边的投票链接不是链接,它是图像。如果单击它,它会在此链接https://stackoverflow.com/posts/2207467/vote/ 上触发一个 ajax 函数调用,它会更新数据库。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2020-12-26
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2014-03-28
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多