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

Ответ 1

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

Ответ 2

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

Ответ 3

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

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

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

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/

Кредит fooobar.com/questions/435223/...

Угадай, что все.

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

Ответ 4

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

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

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

Ответ 5

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

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

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

Ответ 6

Вариант 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 target: https://www.w3schools.com/tags/att_a_target.asp

Ответ 7

Вы пробовали "средний клик" ( "Открыть на новой вкладке" )? Это работает для меня

(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 и др.)

Ответ 8

Существует дешевый html-hack для этой проблемы.....

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

<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 открывает новую вкладку/окно, а метатег делает все остальное. как резервный отрыв.