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

Question

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

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

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

Answer 1

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

Answer 2

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

只需在锚链接上添加一个 id。

HTML

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

查询代码

$(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 3

从技术上讲，您必须window.status制作自定义状态栏消息。您可以在该元素的“onmouseover”事件期间设置它并将其设置window.status为空白字符串..这就是我们很久以前所做的..

现在的浏览器默认阻止状态栏的修改（据我所知，firefox 阻止它）。因此无法保证这种方法会起到任何作用。