javascript - 伪造 URL 预览器？

Question

如果我没有使用正确的术语，我深表歉意，这是我试图复制的图像：

当您将鼠标悬停在链接上时，您会在浏览器的底角弹出一个小 url 预览。

我在我的网站上实现了一些模式，每当您将鼠标悬停在链接上时，这个小底部 url 预览器都不会触发。

当您将鼠标悬停在不是实际链接的内容上时，是否有伪造该网址预览的方法？我希望我的用户知道他们可以在指针光标之外单击这些东西。

Answer 1

“状态栏”仅在将鼠标悬停在<a>具有href属性的标签上时才会出现。添加href属性将使状态栏出现。

如果您使用 JavaScript 将onclick事件绑定到链接，只需简单地使用e.preventDefault()来阻止浏览器跟踪链接。

Answer 2

<a href="http://www.google.com" id="link" target="_blank">Go to Google ?</a>

<script>
    document.getElementById("link").onclick = function () {
        window.open(
            "https://stackoverflow.com/");
        return false;
    };
</script>