国产亚洲美女精品久久久久,亚洲国产精品久久久天堂,亚洲国产精华液2020

關(guān)于HTML中onSubmit屬性的觸發(fā)時機

本Blog所有內(nèi)容不得隨意轉(zhuǎn)載，版權(quán)屬于作者所有。如需轉(zhuǎn)載請與作者聯(lián)系（ fastzch@163.com ）。
未經(jīng)許可的轉(zhuǎn)載，本人保留一切法律權(quán)益。
一直以來，發(fā)現(xiàn)有某些人完全不尊重我的勞動成果，隨意轉(zhuǎn)載，提醒一下那些人小心哪天惹上官司。

今天同事一大早問我一個他覺得比較奇怪的問題：form的onsubmit屬性中的方法在提交時為什么沒反應(yīng)？經(jīng)過了解發(fā)現(xiàn)狀況如下：
他寫的頁面中form有onsubmit屬性，并指定了一個javascript函數(shù)，期望form在提交前執(zhí)行這個函數(shù)，以處理一些檢查等動作，但form的提交并不是像我們通常使用的input:submit這樣的button去做的，而是用一個普通input:button，在onclick屬性中指定了一個javascript函數(shù)，在這個函數(shù)里面再執(zhí)行form的submit()函數(shù)。
示意代碼如下：

<!DOCTYPE?HTML?PUBLIC?"-//W3C//DTD?HTML?4.0?Transitional//EN">

<HTML>

<HEAD>

????<script?language="javascript">

????????function?t(){

????????????var?f=document.getElementById("f");

????????????f.submit();

????????????alert('333');

????????}

????</script>

</HEAD>

????

<BODY>

<form?id="f"?onsubmit="alert('2222');">

????<input?type="button"?value="button"?onclick="t();"/>

</form>

</BODY>

</HTML>

此時，頁面彈出了“333”的提示，但沒有彈出“2222”的提示。

分析了一下原因：onsubmit屬性的觸發(fā)時機是在form用input:submit這樣的button提交時才會觸發(fā)，否則不會觸發(fā)。
后來，在官方文檔上也找到了如下說明，證明了我的這一分析，如下：

The?submit?method?does?not?invoke?the?onsubmit?event?handler.?Call?the?onsubmit?event?handler?directly.?When?using?Microsoft??Internet?Explorer?5.5?and?later,?you?can?call?the?fireEvent?method?with?a?value?of?onsubmit?in?the?sEvent?parameter.

為了證實這一分析，我做了一個完整的測試：

<!DOCTYPE?HTML?PUBLIC?"-//W3C//DTD?HTML?4.0?Transitional//EN">

<HTML>

<HEAD>

????<script?language="javascript">

????????function?t(){

????????????var?f=document.getElementById("f");

????????????f.submit();

????????????alert('333');

????????}

????</script>

</HEAD>

????

<BODY>

<form?id="f"?onsubmit="alert('2222');">

????<input?type="submit"?value="submit"?/>?

????<input?type="button"?value="button"?onclick="t();"/>

</form>

</BODY>

</HTML>

點擊submit按鈕即可出現(xiàn)“2222”提示，點擊button的話，會出現(xiàn)“333”提示。

posted on 2008-10-24 11:33 Robin's Programming World 閱讀(5518) 評論(14) 編輯收藏所屬分類: 其它

常用鏈接

留言簿(49)

隨筆分類(215)

隨筆檔案(181)

相冊

收藏夾

Friend Links

搜索

積分與排名

最新評論

閱讀排行榜

評論排行榜


只有注冊用戶登錄后才能發(fā)表評論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關(guān)文章: Hybrid開發(fā)資源網(wǎng)站匯總 XCode Plugins Package Manager Phonegap Debug Note 首個iOS App終于提交了 MongoDB install notes on Mac: 永久恢復(fù)聯(lián)通 iPhone4 的 YouTube [轉(zhuǎn)]自定義UITableView 【轉(zhuǎn)】Xcode分析CrashLog的方法 [轉(zhuǎn)]Samsung EPIC 4G ADB/USB無法連接的問題 [轉(zhuǎn)]教你如何做主管——MTP培訓(xùn)心得