javascript - 邮件至 : add users dynamically to same email

Question

假设我有一个想要向其发送电子邮件的用户列表。 mailto: 让我打开电子邮件并插入他们的电子邮件地址。我希望这是动态的。

mailto:1@1.com

mailto:2@2.com

mailto:3@3.com

mailto:4@4.com

示例:我单击用户 1 和 4 并发送邮件。下次，我点击 2 和 3 并发送另一封电子邮件。

问题:现在，每次我单击用户时，都会打开一个新窗口。我将向用户 1 和 4 发送单独的电子邮件。我必须使用什么功能，这样每次我单击电子邮件时它都不会打开新的电子邮件窗口。如果我单击所有用户 1 到 4，我希望所有 4 个电子邮件地址都位于同一窗口中，因此我向所有 4 个用户发送 1 封电子邮件。反之则不然。

Answer 1

您可以使用 Javascript 或 Jquery 来检测点击，阻止默认操作，然后将它们编译到列表中。然后必须使用第二个按钮来触发该操作。

<a href='1@1.com' class='mailto'>User 1</a>
<a href='2@2.com' class='mailto'>User 2</a>
<a href='mailto:' id='combined' style='display: none;'></a>
<input type='button' value='Send' id='send'>

<script>
$('.mailto').click(function(e){
    e.preventDefault();
    $('#combined').attr('href',$('#combined').attr('href') + $(this).attr('href') + ';');
});
$('#send').click(function(e) {
    $('#combined')[0].click();
});

</script>

参见示例:http://jsfiddle.net/evVR8/2

您可能还希望有一个清晰的按钮，可以将 #combined 的 href 返回到“mailto:”

编辑 - 更新了 jsfiddle 以清晰显示当前所选用户的列表。

您还可以结合使用此答案和@Brad-Christie 的答案，这样他们就可以简单地使用复选框，以便更轻松地查看您要发送给谁。但不要使用 window.location.replace，而是使用隐藏链接并单击触发器。