Question

当鼠标悬停在超链接上时，如何隐藏显示的URL？

<a href="url">Hyperlink</a>

当鼠标悬停时，如何隐藏显示在浏览器底部状态栏中的URL？

Answer 1

不要将网址放在href中（或保留href="#"）并将JavaScript函数附加到onclick事件中，该事件会将实际链接放入a元素。这样，当您将鼠标悬停在链接上时，您将看不到实际的网址，但会在用户实际点击时插入链接。

Answer 2

您在技术上拥有window.status来制作自定义状态栏消息。您可以在该元素的“onmouseover”事件期间设置它，并将window.status设置为空字符串..这就是我们如何做到很久以前然而..

这些天的浏览器默认情况下会阻止修改状态栏（据我所知，firefox会阻止它）。因此无法保证这种方法可以做任何事情。

Answer 3

这样，当鼠标悬停在超链接上时，您可以轻松隐藏网址。

只需在锚链接上添加一个ID即可。

<强> HTML

<a href="url" id='no-link'>Hyperlink</a>

Jquery代码

$(document).ready(function () {
      setTimeout(function () {

            $('a[href]#no-link').each(function () {
                var href = this.href;

                $(this).removeAttr('href').css('cursor', 'pointer').click(function () {
                    if (href.toLowerCase().indexOf("#") >= 0) {

                    } else {
                        window.open(href, '_blank');
                    }
                });
            });

      }, 500);
});

以下是演示链接https://jsfiddle.net/vipul09so/Lcryjga5/

Answer 4

只需使用onclick =“location.href ='＃'”

Answer 5

<button class="class" onclick="window.location.href='http://stackoverflow.com'">Visit StackOverflow</button>

Answer 6

只需从 a 元素中删除 href 属性。：）

鼠标悬停时如何将URL隐藏在超链接中

6 个答案: