为什么<button>“点击”表单提交？</button>

Question

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

• submit event，
表格中第一个click的
• <button>事件。

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

以下是表格http://jsfiddle.net/MNXUS/：

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

Answer 1

这就是浏览器的功能。如果您不希望按钮提交表单，可以将其设为“按钮”按钮而不是“提交”按钮：

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