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

Question

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

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

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

这在gecko和webkit中都会发生.

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

如果按Enter键提交我想要触发提交事件,而不是点击事件.

Answer 1

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

工作小提琴