如何通过锚点中的mailto链接防止页面跳至页面顶部？

Question

我有一个以mailto:example@email.com作为href的锚链接，但是单击该链接会跳到页面顶部。我想防止这种情况发生。

我在自己的js中尝试了e.preventDefault()，但可以正常工作，但是存在无法再打开电子邮件客户端的问题。

场景：

我在页面底部有一个“获取联系”链接。它应该打开电子邮件客户端（正在运行）。问题是每次单击它都会跳到页面顶部。有办法防止这种情况发生吗？

锚链接如下所示：

<a class="get-in-touch" href="mailto:email@gmail.com">Get In Touch</a>

这是我已经尝试过的。

$(".get-in-touch").on("click",function(e){
    e.preventDefault();
    window.location.href = $(this).attr("href");
});

但这没用。仍然跳到页面顶部。

Answer 1

代替写作：

<a class="get-in-touch" href="mailto:email@gmail.com">Get In Touch</a>

写下以下内容：

<a class="get-in-touch" href="#" onclick="window.open('mailto:email@gmail.com')">Get In Touch</a>

这一定可以。

Here是关于您的问题的另一个stackoverflow问题。

这是jsfiddle的链接。