為什么<button>在表單上“單擊”提交？</button>

Question

在下面的代碼中，在窗體的<input>上按回車鍵似乎會觸發兩個事件：

• submit活動，
• 表單中第一個<button> click事件。

preventDefault似乎取消了submit事件，但是click事件並未停止，因為它是在 submit事件之前觸發的。 我可以用<button> <input type="button">替換<button> ，但是為什么要完全單擊<button>呢？ 我該如何預防？

這是http://jsfiddle.net/MNXUS/的形式：

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

Answer 1

這就是瀏覽器的作用。 如果您不希望按鈕提交表單，則可以將其設置為“按鈕”按鈕，而不是“提交”按鈕：

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