如何隐藏左下角不同文件的链接？

Question

所以我正在制作一个代理网站，并且我有一个很棒的按钮，可以链接到不同的文件，但是当我将鼠标悬停在该按钮上时，它会显示在屏幕的左下角。当前的大多数主题都是普通按钮，但它们对我不起作用，因为我的按钮太棒了或…… Gif 演示

<a href="games.html" target="_blank"class="icon fa-solid fa-gamepad fa-hover"></a>

我在网站上查看了一些与此相关的问题，但没有任何效果。我还认为，因为它是一个 .html 文件，所以它不会自动显示。

Answer 1

你可以使用JS隐藏它，就像这样:

document.querySelectorAll('.icon').forEach(icon => {
    icon.addEventListener('click', function() {
        const href = this.getAttribute('data-href');
        if (href) {
            window.open(href, '_blank');
        }
    });
});

<div>
    <i class="fas fa-home icon" data-href="https://www.example.com/home">1</i>
    <i class="fas fa-info-circle icon" data-href="https://www.example.com/info">2</i>
    <i class="fas fa-envelope icon" data-href="https://www.example.com/contact">3</i>
</div>