为什么在表单提交时“点击”了 <button>？答案

【问题标题】：Why is <button> "clicked" on form submit?为什么在表单提交时“点击”了 <button>？
【发布时间】：2013-01-19 15:00:25
【问题描述】：

在下面代码中表单的<input>上按return似乎会触发两个事件：

preventDefault 似乎取消了submit 事件，但click 事件并没有停止，因为它是在submit 事件之前触发的。我可以用<input type="button"> 替换<button>，但是为什么<button> 被点击了？如何预防？

<form>
  <button></button>
  <input>
</form>

【问题讨论】：

【解决方案1】：

这正是浏览器所做的。如果您不想让按钮提交表单，可以将其设为“按钮”按钮而不是“提交”按钮：

<button type=button>Click Me</button>

【讨论】：