Откройте ссылку href mailto в новой вкладке / окне

mailto вызывает почтовый клиент пользователя по умолчанию. Он ни в коем случае не открывает окна или вкладки. Если вы хотите использовать окно или вкладку, вам необходимо настроить форму и разрешить ей открываться в вашем окне / вкладке. Конечно, вам придется настроить форму для отправки почты любым способом, доступным на вашем сервере.

эта информация устарела, теперь это возможно, я полагаю, поскольку Gmail и другие теперь работают через ссылки в браузере. Однако есть проблема, что вы хотели бы, чтобы он открывался только в новой вкладке, если НЕ открывается в системном почтовом клиенте, и открывался в новой вкладке, если это клиент веб-почты, в противном случае, например, пользователи Outlook видят пустую вкладку, что дезориентирует, тем более что они пользователи Outlook.

Для этого вам не нужен Javascript / Jquery. Стандартная ссылка работает (кроме Firefox v30 + из-за ошибки, см. Ниже).

<a href="mailto:[email protected]" target="_blank">

Начиная с Firefox 30, не работает в Firefox из-за ошибки. Он открывается на той же вкладке И заменяет историю, поэтому возврат не вернет вас на страницу, где была ссылка mailto :.

Этот ответ основан на этом ответе Откройте href ссылка mailto в новой вкладке / окне.

Прямо сейчас новые браузеры поддерживают некоторые интерфейсы веб-почты (например, Gmail, Yahoo Mail, AoL и т. Д.).

Таким образом, мы можем просто открыть новое окно (поддержка старого браузера, новые браузеры просто откроют новую вкладку) и добавить запасной вариант (в случае пользователя, не использующего javascript), используя preventDefault и перенаправление ссылок по умолчанию.

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:[email protected]', 'mail');event.preventDefault()" href="mailto:[email protected]">Send a e-mail</a>

http://jsfiddle.net/cNUNP/

Кредит https://stackoverflow.com/a/9880404/1107020

Думаю, это все.

Привет, Маркос.

Я знаю, что это старый вопрос, но в этой ветке были лучшие ответы, если они были найдены. Я изменил ответ Маркоса выше, чтобы также закрыть пустую вкладку, которая создается, если у клиента есть внешний почтовый обработчик.

справочный ответ

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

Вариант 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('[email protected]', 'Subject', 'Body');event.preventDefault()">[email protected]</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:[email protected]?subject=Subject&body=Body" onclick="mailto(this);event.preventDefault()">[email protected]</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:[email protected]?subject=Subject&body=Body" id="mailto">[email protected]</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:[email protected]?subject=Subject&body=Body" target="_blank">[email protected]</a>

Атрибут цели HTML: https://www.w3schools.com/tags/att_a_target.asp

Можно подтвердить, что _blank по-прежнему не работает в Firefox для ссылки по электронной почте. Вместо этого используйте функцию onClick, которая будет делать что-то вроде этого:

window.open ('mailto:' + электронная почта + '? subject =' + subject);

Вы пробовали «щелкнуть средней кнопкой мыши» («Открыть в новой вкладке»)? Меня устраивает

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

хотя кажется особенно странным просить пользователя щелкнуть средней кнопкой мыши

В любом случае я нашел псевдорешение, которое, похоже, работает в FF 25 / Chrome 35

1.- Настройте ссылку примерно так:

<a href="javascript:void()"
 class="mailToLink" 
data-mail="[email protected]">[email protected] </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 и др.)

Есть дешевый html-взлом на эту проблему .....

Ссылка на одной странице ...

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

На mailto.html ....

<meta HTTP-EQUIV="REFRESH" content="0; url=mailto:[email protected]">

If nothing pops up click.....<a href="mailto:[email protected]">Mail!</a>

_blank открывает новую вкладку / окно, а метатег делает все остальное. ссылка в качестве запасного варианта.