带锚元素的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>