2012-08-01 213 views
5

我有一个两个按钮,一个input[type=submit]和一个简单button这是取消按钮的形式。提交表单时触发点击事件按钮被触发

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

当我通过在输入按下按钮提交表单时,按钮上的点击事件触发(并且在我可能添加的提交事件之前),这是为什么?

这发生在壁虎和webkit。

这里有一个工作示例: http://jsfiddle.net/q3JPR/

如果按提交进入我要提交事件来触发,而不是点击事件。

+0

这也发生在我身上,我大概花了一个小时搜索整个网络并没有找到任何此行为的文件,让我知道如果你发现了什么。 – asumaran 2013-10-14 07:32:38

回答

4

如果你改变你的按钮是<input type="button"...那么你的活动会循规蹈矩......这里是小提琴:

Working Fiddle

+0

它的工作原理,你知道为什么会发生这种情况吗? – 2012-08-01 13:23:27

+3

@NicklasA。行为在这里描述:http://www.whatwg.org/specs/web-apps/current-work/multipage/the-button-element.html - 表单中的按钮默认提交,并且需要仔细指定不应该发生。 – 2012-08-01 13:43:00

+0

尼斯链接@AndrewLeach – 2012-08-01 13:43:53