Question

您知道当您将鼠标悬停在链接上时，在大多数浏览器中，它会显示左下角（也称为chrome）或状态栏中的链接？如何禁用此功能？

Answer 1

执行此操作的唯一方法是删除'href'中的数据，并将其更改为javascript onclick，将window.location设置为您想要的URL。

<a href="http://www.stackoverflow.com/">Go To SO</a>

变为

<a style="cursor: pointer" onclick="javascript: window.location = 'http://www.stackoverflow.com/';">Go To SO</a>

Answer 2

另一个想法：使用重定向器。

设置指向您自己页面的链接（aspx），然后在该页面中执行Response.Transfer。使用aspx时，如果愿意，可以使用属性（在查询字符串中）将其用于多个链接。这样，用户仍然知道它是链接，但在悬停时无法看到实际的URL。

Answer 3

我今天遇到了同样的问题..这里有一个开箱即用的解决方法：

只需将<a>替换为<span>并隐藏隐藏组件中的地址，
然后使用Jquery创建页面重定向/ Ajax。

HTML：

  <span class="fake-link" >
        <span class="url" style="display:none;">www.my-url.com</span>
        Go to My-URL page
    </span>

Jquery：

$(function(){
    $('.fake-link').on('click', function(e){
        var url = $(this).find('.url:first').html(); 
        window.location = url;
    });
});

Answer 4

更改onclick事件：

<a href="#" id="linkid">Link</a>

<script type="text/javascript">
function changeOnClick()  {
    document.getElementById("linkid").onclick=function(e) {
        location.href="http://www.your-site.com";
        return false;
    }
}
window.onload=changeOnClick;
</script>

您可以将“＃”更改为您希望状态栏显示的内容。

CSS / HTML：禁用链接“悬停”文本

4 个答案: