JavaScript初级教程(第五课)第3/4页

    表单也是对象；他们有自己的方法、属性及事件处理器。其中有一项就是onSubmit。

    onSubmit的调用有以下两种情形：如果用户点击提交（Submit）按钮，或用户在文字域内按了回车键，则会触发onSubmit。

    在Netscape中，点击一个没有结果事件处理的Submit按钮通常会导致刷新原有的页面。为了避免这种情况，你可以这样做：

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

    Javascript用return false阻止浏览器刷新页面。另一个例子是阻止一个href转向赋值的URL 。例如：链接

    <a href="http://www.sohu.com" onClick="return false;">sohu!</a>

    不会转向任何URL，因为你给onClick赋值为return false。

    以下是一个从用户获取信息的表单。在文字域中输入一些内容然后按回车键:

    Who does the monkey love:

    以下是表单的编码：

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

    当你点击文字域中的回车时，onSubmit处理器被调用执行函数monkeyLove()，该函数将改变文字域内的值。

    如果onsubmit处理器中没有return false语句的话，执行函数monkeyLove()会改变文字域内容，但由于同时网页内容会被刷新，从而又会将文字域的内容返回到原有的内容。为了阻止这种现象，就必须在onSubmit中加入return false.

    以下是monkeyLove() 函数的内容：

    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;
    }

最新评论