在新选项卡/窗口中打开 href mailto 链接

Question

我有一张图片，点击它时，我想链接到一个邮箱：

 <a id="mailto" href="mailto:hfms@live.com.my" target="_newtab" >
        <img src="@Url.Content("~/Content/HomePage/email.png")" alt="email" /></a>

然而，目前一旦点击它，它将启动电子邮件选项来选择一个 mailto 应用程序，一旦我选择，mailto 链接就会在当前选项卡中打开。这将导致用户离开应用程序。

所以，我希望发送电子邮件的页面（通过 gmail、yahoo 等）要么在新标签页中打开，要么在窗口中打开。知道怎么做吗？我尝试了 target="_newtab" 和 target="_blank" 但都没有工作。

任何帮助将不胜感激..谢谢...

（如果没有其他方法也可以使用jQuery方法，谢谢）

Answer 1

可以确认 '_blank' 在 Firefox 中仍然不能用于 emailto 链接。而是使用将执行以下操作的 onClick 函数：

window.open('mailto:'+email+'?subject='+subject);

Answer 2

此信息已过时，我相信现在可以这样做，因为 gmail 和其他人现在可以通过浏览器链接工作。但是有一个问题，如果不是在系统邮件客户端中打开，您只希望它在新选项卡中打开，如果它是网络邮件客户端，则在新选项卡中打开，否则例如 Outlook 用户会看到一个空白选项卡出现，这令人迷惑，尤其是因为他们是 Outlook 用户。

Answer 3

变体 1 (JavaScript)：

<script>
// Open mailto links in a new tab
function mailto(email, subject, body) {
    var url;
    url = 'mailto:' + email;
    url += '?subject=' + subject;
    url += '&body=' + body;
    window.open(url);
}
</script>

<a href="#" onclick="mailto('test@gmail.com', 'Subject', 'Body');event.preventDefault()">test@gmail.com</a>

变体 2 (JavaScript)：

<script>
// Open mailto links in a new tab
function mailto(th) {
    var url = th.getAttribute('href');
    window.open(url);
}
</script>

<a href="mailto:test@gmail.com?subject=Subject&body=Body" onclick="mailto(this);event.preventDefault()">test@gmail.com</a>

变体 3 (jQuery)：

<script>
// Open mailto links in a new tab
$('#mailto').click(function (e) {
    e.preventDefault();
    var url = $(this).attr('href');
    window.open(url);
});
</script>

<a href="mailto:test@gmail.com?subject=Subject&body=Body" id="mailto">test@gmail.com</a>

变体 4 (jQuery)：

<script>
// Open mailto links in a new tab
$("a[href^='mailto:']").click(function(e) {
    e.preventDefault();
    var href = $(this).attr('href');
    var target = $(this).attr('target');
    window.open(href, target ? target : '_self');
});
</script>

<a href="mailto:test@gmail.com?subject=Subject&body=Body" target="_blank">test@gmail.com</a>

HTML 目标属性：https://www.w3schools.com/tags/att_a_target.asp

Answer 4

我知道这是一个老问题，但如果找到的话，这个帖子有最好的答案。我在上面修改了 Marcos 的回答，如果客户端有外部邮件处理程序，也会关闭创建的空白选项卡

reference answer

JS（w\ jQuery 用于事件处理程序）

$(document).on('click', 'a[href^=mailto]', function(e) {
  var checkClose, checkLoaded, event, href, i, len, loadEvents, results, t, wndw;
  e.preventDefault();
  href = this.href;
  wndw = window.open(href, 'mail');
  checkClose = function() {
    console.log('checkClose');
    try {
      wndw.location.href;
      return wndw.close();
    } catch (error) {
      return console.log('webmail');
    }
  };
  t = setTimeout(checkClose, 5000);
  try {
    checkLoaded = function() {
      console.log('loaded');
      clearTimeout(t);
      return t = setTimeout(checkClose, 2000);
    };
    wndw.onload = checkLoaded;
    loadEvents = ["DomContentLoaded", "load", "beforeunload", "unload"];
    results = [];
    for (i = 0, len = loadEvents.length; i < len; i++) {
      event = loadEvents[i];
      results.push(wndw.addEventListener(event, checkLoaded));
    }
    return results;
  } catch (error) {
    return checkLoaded();
  }
});

jsfiddle

Answer 5

您是否尝试过“中键”（“在新标签中打开”）？ 它对我有用

(http://forums.mozillazine.org/viewtopic.php?f=7&t=1842595)

虽然要求用户中键似乎特别奇怪

无论如何，我找到了一个似乎在 FF 25/Chrome 35 中有效的伪解决方案

1.- 设置您的链接，如下所示：

<a href="javascript:void()"
 class="mailToLink" 
data-mail="mailaddr@domain.com">mailaddr@domain.com </a>

2.- 使用 javascript（在示例中使用 jquery）设置 onlclick 事件，如：

    $('.mailToLink').on('click', function(){
        mailto=$(this).data('mail');
        w=window.open('','_blank','',true);
        w.location.href='mailto:'+mailto;
        w.focus();
    });

这会打开一个空白的新窗口/选项卡，然后会更改其位置，因此邮件协议处理程序在新窗口打开之前无法采取行动

未使用本地邮件客户端（Outlook 等）进行测试

Answer 6

此答案基于此答案Open the href mailto link in new tab / window。

目前，新浏览器支持一些网络邮件界面（如 Gmail、Yahoo Mail、AoL 等）。

所以我们可以简单地打开一个新窗口（支持旧浏览器，新浏览器只会打开一个新选项卡）并使用 preventDefault 和默认链接重定向添加一个后备（如果是非 JavaScript 用户）。

http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-flow-cancelation

https://developer.mozilla.org/es/docs/DOM/event.preventDefault

https://developer.mozilla.org/en-US/docs/Web/API/Window.open

像这样：

<a onClick="javascript:window.open('mailto:mail@domain.com', 'mail');event.preventDefault()" href="mailto:mail@domain.com">Send a e-mail</a>

http://jsfiddle.net/cNUNP/

感谢https://stackoverflow.com/a/9880404/1107020

猜猜就是这样。

你好，马科斯。

Answer 7

有一个廉价的 html-hack 来解决这个问题.....

一页上的链接...

<a href="/mailto.html" target="_blank">Mail</a>

在 mailto.html....

<meta HTTP-EQUIV="REFRESH" content="0; url=mailto:who@website.com">

If nothing pops up click.....<a href="mailto:who@website.com">Mail!</a>

_blank 打开一个新的选项卡/窗口，然后元标记完成其余的工作。链接作为后备课程。

Answer 8

您不需要为此使用 Javascript/Jquery。标准链接有效（由于存在错误，Firefox v30+ 除外，见下文）。

<a href="mailto:example@example.com" target="_blank">

从 Firefox 30 开始，由于bug 而无法在 Firefox 中运行。它在同一选项卡中打开并替换历史记录，因此回击不会将您带回到 mailto: 链接所在的页面。

Answer 9

mailto 调用用户的默认电子邮件客户端。在任何情况下，它都不会打开窗口或选项卡。如果您想使用窗口或选项卡，您需要配置表单并允许表单在您的窗口/选项卡中打开。当然，您必须配置表单以使用服务器上可用的任何方法发送邮件。