使用回车提交表单时会触发按钮上的Click事件

Question

我有一个带有两个按钮的表单，一个input[type=submit]和一个普通button，这是取消按钮。

我有两个事件处理程序，一个绑定到form上的submit，另一个绑定到button上的click。

当我按输入输入时提交表单时，按钮上的点击事件会触发（在我可能添加的提交事件之前），为什么会这样？

在gecko和webkit中都会发生这种情况。

这是一个有效的例子： http://jsfiddle.net/q3JPR/

如果按Enter键提交，我希望触发提交事件，而不是点击事件。

Answer 1

如果您将按钮更改为<input type="button"...，那么您的活动将会正常运作......这里是小提琴：

Working Fiddle

Answer 2

我也找到了这个解决方案。如果将type属性设置为“ button” <button type="button">My Button</button>，则不会提交。我认为默认情况下不指定类型会将其设置为提交。因此，您不必将元素更改为input。

来源：Add regular button inside form that does not perform a submit