帶錨元素的jQuery mailto

Question

我用網上看到的無數例子嘗試了這個。 但我想沒有一個很簡單，適用於所有瀏覽器（IE 8及以上版本）。

我試圖用mailto鏈接打開Outlook窗口。

<a href="#" name="emailLink" id="emailLink">Email</a>

JQuery的：

$(function () {
  $('#emailLink').on('click', function (event) {
    alert("Huh");
    var email = 'test@theearth.com';
    var subject = 'Circle Around';
    var emailBody = 'Some blah';
    window.location = 'mailto:' + email + '?subject=' + subject + '&body=' +   emailBody;
  });
});

當然，我是一個jQuery新手。 以上只是不起作用。 它只是閃爍瀏覽器但沒有打開。 我想這是因為window.location 。

有簡單的解決方案嗎？ 我希望這可以在IE8及以上版本和所有瀏覽器中使用。

正文自動生成（在JSP中）。

Answer 1

這是工作解決方案：

<a href="#" name="emailLink" id="emailLink">Email</a>

和功能：

$(function () {
  $('#emailLink').on('click', function (event) {
      event.preventDefault();
    alert("Huh");
    var email = 'test@theearth.com';
    var subject = 'Circle Around';
    var emailBody = 'Some blah';
    window.location = 'mailto:' + email + '?subject=' + subject + '&body=' +   emailBody;
  });
});

Answer 2

$(function () {
  $('[name=emailLink]').click(function () {
    var email = 'test@theearth.com';
    var subject = 'Circle Around';
    var emailBody = 'Some blah';
    $(this).attr('href', 'mailto:' + email +
           '?subject=' + subject + '&body=' +   emailBody);
  });
});

.click可以替換為.mousedown等等。或者只是

$(function () {
  $('[name=emailLink]').each(function() {
    var email = 'test@theearth.com';
    var subject = 'Circle Around';
    var emailBody = 'Some blah';
    $(this).attr('href', 'mailto:' + email +
           '?subject=' + subject + '&body=' +   emailBody);
  });
});

Answer 3

如果您不需要在網站上的任何地方作為文本地址我建議：

$('a[data-mail]').on('click', function() {
   window.location = 'mailto:' + $(this).data('mail')+'@yourdomain.net' + '?subject=Spotflow';
});

鏈接看起來像這樣：

<a href="#" data-mail="max">Send me a mail</a>

沒機會機器人！

Answer 4

您的選擇器正在尋找ID

$('#emailLink')

但是你只指定了名字。

將id="emaillink"添加到錨標記。

Answer 5

你根本不需要任何javascript / jQuery，只需要下面的HTML：

<a href="mailto:test@theearth.com?subject=Circle Around&body=Some blah" name="emailLink">Email</a>