javascript - 使用 enter 提交表单时触发按钮上的单击事件

Question

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

我有两个事件处理程序，一个绑定到formon submit，一个绑定到buttonon click。

当我通过在输入中按 Enter 提交表单时，按钮上的点击事件会触发（并且在我可能添加的提交事件之前），这是为什么呢？

这发生在壁虎和 webkit 中。

这是一个工作示例：http: //jsfiddle.net/q3JPR/

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

Answer 1

如果您将按钮更改为，<input type="button"...那么您的事件将正常运行......这是小提琴：

工作小提琴

Answer 2

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

来源：在不执行提交的表单内添加常规按钮