代码之家  ›  专栏  ›  技术社区  ›  Naveed

鼠标悬停在网页上的链接时,如何隐藏浏览器状态栏上的链接?

  •  3
  • Naveed  · 技术社区  · 14 年前

    我在我的项目中使用了zend、php、ajax和jquery。问题是,当鼠标悬停在网页上的某个链接上时,如何强制不在浏览器的状态栏中显示链接。

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

    谢谢

    4 回复  |  直到 13 年前
        1
  •  7
  •   Fenton    14 年前

    在堆栈溢出时,您看不到地址,因为它不是链接(即,它不是锚)。它是一个具有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
  •  7
  •   Richard JP Le Guen    14 年前

    旧的浏览器有 window.status = ""; 您可以将消息发送到状态栏,同样有效地隐藏正常消息。

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

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

    如果您签出的HTML为so,您将看到投票“链接”根本不是一个链接,而是一个带有一些javascript事件处理程序分配给 onclick 事件。

    那么,当你鼠标滑过“投票”按钮时,为什么光标会变成手指呢?那是因为CSS cursor 财产。

    .vote img {
        cursor:pointer;
    }
    

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

        3
  •  3
  •   Pekka    14 年前

    只有在使用 <a> 带集合的元素 href .

    如果使用纯javascript打开链接,并且不指定 HREF 属性,状态栏中不会显示任何内容。

        4
  •  0
  •   Community Paul Sweatte    7 年前

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