|
|
類比一下，我用input.select()做了測試，卻能響應(yīng)select事件。這個(gè)原因先放一邊，我們看看先怎么把眼下的問題解決了。
不響應(yīng)事件的代碼示例：
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
實(shí)際運(yùn)行，不會有alert出來。
雖然用submit方法來提交表單有違Unobtrustive Javascript的原則，但有時(shí)候不得不用，比如做搜索提示（auto-complete)選中Item之后就需要用JS來提交搜索表單。
二、問題分析
既然本身不響應(yīng)事件，那只有手工觸發(fā)這些事件了，確定手工觸發(fā)方案之前先回顧一下事件的注冊方式：
“原始”的注冊方式有兩種，看代碼示例：
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
這樣的注冊事件，會給form增加了一個(gè)方法onsubmit。所以，可以通過直接執(zhí)行這個(gè)方法，等同于手工觸發(fā)了事件。
看代碼示例：
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
這樣可以得到一個(gè)alert。
但是在如今“先進(jìn)”的DOM2標(biāo)準(zhǔn)注冊方式以及IE的注冊方式attachEvent已經(jīng)很常用。這些注冊方式，onsubmit方法是不存在的，如果使用form.onsubmit()會直接報(bào)錯(cuò)。
三、解決方案
當(dāng)然“先進(jìn)”的注冊方式本身也提供了手工觸發(fā)事件的解決方案，只是要針對DOM2標(biāo)準(zhǔn)和IE寫不同的程序，另外這個(gè)程序，對“原始”的注冊方式也一樣有效。請看代碼示例：
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
四、代碼總結(jié)
這里不再對各細(xì)節(jié)方法做說明，不熟悉的朋友請自行查閱相關(guān)資料。我們把整個(gè)代碼串起來：
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
整個(gè)跑下來有個(gè)小問題，F(xiàn)X下，不需要form.submit()，直接把表單給提交出去了，所以這句也省掉了，原因知道的請回復(fù)。
這個(gè)demo在IE6/IE7/FX下測試通過。
JavaScript技術(shù)：表單Form的submit事件不響應(yīng)的解決方法，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。
