javascript - 按钮 onclick 不适用于 Javascript 查询

Question

嗨，我想知道是否有人能看到我做错了什么，

我有一个按钮，可以打开一封包含表单结果的电子邮件，

如果我将其作为文本链接，我可以使其正常工作

<a href="javascript:doMailTo(' ');">Click here to email </a>

但是我根本无法让按钮工作

<button onclick="doMailTo(' ');" value="toEmail">Send to Email</button>

我一直在尝试各种变体，但我无法让它发挥作用!!

链接和按钮可以彼此相邻，并且当按钮不工作时文本链接可以工作!

有人能看出我做错了什么吗？

函数本身是

<script>
function doMailTo(addr) {
    location.href = "mailto:" + addr + "?subject=Flight Itinerary&body=" +
          encodeURI(document.getElementById('p3').textContent);
}
 </script>

它位于标题中

Answer 1

表单中的按钮默认为type="submit"，因此单击时，它会尝试提交表单。指定type="button"。

<button type="button" onclick="doMailTo(' ');" value="toEmail">Send to Email</button>