如何防止页面在锚点中使用mailto链接跳转到页面顶部?

我有一个使用mailto:example@email.com作为href的锚点链接,但是当它被点击时它会跳转到页面的顶部。 我想防止这种情况发生。

我在我的js中尝试了e.preventDefault() ,但有问题是它不再打开电子邮件客户端了。

场景:

我的页面底部有一个“联系我”链接。 它应该打开电子邮件客户端(它正在工作)。 问题是每次点击它都会跳转到页面顶部。 有没有办法防止这种情况发生?

这是锚链接的样子:

 Get In Touch 

这是我已经尝试过的。

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

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

而不是写:

 Get In Touch 

写下以下内容:

 Get In Touch 

这肯定会奏效。

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

这是jsfiddle的链接。