Javascript 鼠标悬停时,url如何隐藏在超链接中

Javascript 鼠标悬停时,url如何隐藏在超链接中,javascript,html,hyperlink,hover,Javascript,Html,Hyperlink,Hover,当鼠标悬停在超链接上时,如何隐藏URL以防显示 <a href="url">Hyperlink</a> 当鼠标悬停时,如何隐藏浏览器底部状态栏中显示的URL?不要将URL放在href中或保留它href=并将JavaScript函数附加到onclick事件,该事件将实际链接放在a元素中。这样,当您将鼠标悬停在链接上时,将看不到实际的URL,但当用户实际单击时,链接将被插入。从技术上讲,您必须创建自定义状态栏消息。您可以在该元素的onmouseover事件期间设置它,并将w

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

<a href="url">Hyperlink</a>
当鼠标悬停时,如何隐藏浏览器底部状态栏中显示的URL?

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

从技术上讲,您必须创建自定义状态栏消息。您可以在该元素的onmouseover事件期间设置它,并将window.status设置为空字符串。。然而,很久以前我们就是这样做的


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

只需使用onclick=location.href=

访问StackOverflow这样,当鼠标悬停在超链接上时,您可以轻松隐藏url

只需在锚链上添加一个id

HTML


这里是演示链接

只需从元素中删除href属性即可:

听起来你想做些粗略的事情。据我所知,没有办法阻止这种行为,防止人们试图掩盖这种联系可能导致的后果。Duh.很多次你可能已经看到当鼠标悬停在超链接上时没有显示url,这是怎么回事?对于安全问题?使用Simeon描述的方法完成。我不相信使用这种方法的网站;这不好,我想知道我要去哪里,这是不必要的混淆。好的,但我可以看到,在这里,没有什么应该显示,例如,在这个stackoverflow网站的添加评论上悬停,没有url显示在超链接上如何?在Stack Overflow上,这里的元素中没有href属性,你可以尝试一下。因此,当单击时,JavaScript函数应该添加href属性,URL作为值。您可以显示这样的演示吗?举个例子,让我可以在这里测试。公平地说,你问了一个问题,是如何做到的。我相信你可以很容易地编写JavaScript函数,因为它最多只有一两行。我希望您可以写得更好,以显示您介意解释为什么需要设置超时吗?请尝试不使用设置超时。你知道那里发生了什么。在没有设置超时和@vipulsorathiya的情况下,它工作得很好。没有冒犯,但我的心正在融化,因为你的if条件D@vipulsorathiya哈哈哈!!嗯,如果优秀的开发人员在将值转换为小写后获得特殊字符的索引,并将其if条件留空,那么我就是一个非常差劲的开发人员D@RajnishCoder有一些特殊代码,但您看不到:
<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);
});