亚洲va在线va天堂va不卡下载,中文字幕专区在线亚洲,精品亚洲国产成人av

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

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

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

此時(shí)，頁(yè)面彈出了“333”的提示，但沒有彈出“2222”的提示。

分析了一下原因：onsubmit屬性的觸發(fā)時(shí)機(jī)是在form用input:submit這樣的button提交時(shí)才會(huì)觸發(fā)，否則不會(huì)觸發(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.

為了證實(shí)這一分析，我做了一個(gè)完整的測(cè)試：

<!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>

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

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

常用鏈接

留言簿(49)

隨筆分類(215)

隨筆檔案(181)

相冊(cè)

收藏夾

Friend Links

搜索

積分與排名

最新評(píng)論

閱讀排行榜

評(píng)論排行榜


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




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關(guān)文章: Hybrid開發(fā)資源網(wǎng)站匯總 XCode Plugins Package Manager Phonegap Debug Note 首個(gè)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無(wú)法連接的問題 [轉(zhuǎn)]教你如何做主管——MTP培訓(xùn)心得