2012-08-01 254 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