javascript - 有没有办法在 css 中禁用 链接预览？

Question

每当你将鼠标悬停在一个链接上时，它会在网络浏览器的左下方显示带有链接的东西，你将如何禁用它？。我希望尽可能少地使用 javascript，但如果我必须使用它也没关系。

这是我目前用于导航栏按钮的 css。 如果需要。

.navbar ul li a {
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-size: 20px;
    padding: 5px;
    border-radius: 5px;
    transition: all 0.1s ease-in-out;
}

.navbar ul li a:hover {
    color: rgb(255, 166, 0);
    background-color: rgb(85, 85, 85);
}

我希望它不显示，只是为了让网站看起来更干净一些。

Answer 1

执行此操作的唯一方法是删除“href”中的数据，并将其更改为将 window.location 设置为所需 url 的 javascript onlick。

<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>

附注通过 JavaScript 执行此操作可能是禁用 URL 显示的唯一方法，但这引发了一个问题，为什么？ URL 显示是有效且重要的事情，禁用它对用户体验不利。