表單也是對(duì)象；他們有自己的方法、屬性及事件處理器。其中有一項(xiàng)就是onSubmit。

    onSubmit的調(diào)用有以下兩種情形：如果用戶點(diǎn)擊提交（Submit）按鈕，或用戶在文字域內(nèi)按了回車鍵，則會(huì)觸發(fā)onSubmit。

    在Netscape中，點(diǎn)擊一個(gè)沒有結(jié)果事件處理的Submit按鈕通常會(huì)導(dǎo)致刷新原有的頁(yè)面。為了避免這種情況，你可以這樣做：

    <form onSubmit="return false;">
        <input type="submit" value="Submit">
    </form>

    Javascript用return false阻止瀏覽器刷新頁(yè)面。另一個(gè)例子是阻止一個(gè)href轉(zhuǎn)向賦值的URL 。例如：鏈接

    <a onClick="return false;">sohu!</a>

    不會(huì)轉(zhuǎn)向任何URL，因?yàn)槟憬oonClick賦值為return false。

    以下是一個(gè)從用戶獲取信息的表單。在文字域中輸入一些內(nèi)容然后按回車鍵:

    Who does the monkey love:

    以下是表單的編碼：

    <form name="text_entry_form" onSubmit="monkeyLove(); return false;">
        <input type="text" name="monkey_love" size="40">
    </form>

    當(dāng)你點(diǎn)擊文字域中的回車時(shí)，onSubmit處理器被調(diào)用執(zhí)行函數(shù)monkeyLove()，該函數(shù)將改變文字域內(nèi)的值。

    如果onsubmit處理器中沒有return false語(yǔ)句的話，執(zhí)行函數(shù)monkeyLove()會(huì)改變文字域內(nèi)容，但由于同時(shí)網(wǎng)頁(yè)內(nèi)容會(huì)被刷新，從而又會(huì)將文字域的內(nèi)容返回到原有的內(nèi)容。為了阻止這種現(xiàn)象，就必須在onSubmit中加入return false.

    以下是monkeyLove() 函數(shù)的內(nèi)容：

    function monkeyLove()
    {
        var who_it_is = window.document.text_entry_form.monkey_love.value;

        who_it_is = 'The monkey loves ' + who_it_is;
        window.document.text_entry_form.monkey_love.value = who_it_is;
    }

最新評(píng)論