当鼠标悬停在超链接上时，如何隐藏显示的 URL？
<a href="url">Hyperlink</a>
当鼠标悬停时，如何隐藏 URL 不显示在浏览器的底部状态栏中？
鼠标悬停时如何将url隐藏在超链接中
IT技术
javascript
html
hyperlink
hover
2021-03-22 04:37:35
6个回答
不要将 URL 放入href（或保留它href="#"）并将 JavaScript 函数附加到onclick将实际链接放入a元素的事件。这样，当鼠标悬停在链接上时，您将看不到实际的 URL，但当用户实际点击时，该链接将被插入。
这样，当鼠标悬停在超链接上时，您可以轻松隐藏 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);
});
从技术上讲window.status，您必须制作自定义状态栏消息。您可以在该元素的“onmouseover”事件期间设置它并将其设置window.status为空白字符串..这就是我们很久以前所做的事情..
这些天浏览器默认阻止修改状态栏（据我所知，firefox 阻止它）。所以不能保证这种方法会做任何事情。
<button class="class" onclick="window.location.href='https://stackoverflow.com'">Visit StackOverflow</button>或者
<button class="class" onclick="window.location.replace('https://stackoverflow.com')">Visit StackOverflow</button>只需使用 onclick="location.href='#'"