【www.gdgbn.com--页面特效】

在不同的地方按回车键得到不同的响应
    如果同一页面上有多个文本框(textbox),每个文本框对应不同提交按钮(button),如下列“登录”的页面里,有“输入邮箱号”和“输入帐号”两个文本框和“进入邮箱”、“进入社区”两个按钮。

实现步骤如下:

1。建立页面和代码文件(此步骤不详细介绍)
2。给 form 加上 onkeydown="keydown()"以屏蔽掉页面的回车响应
    keydown()的代码如下:
        function keydown() { }
3。给“输入邮箱号”的文本框加上 onkeydown="mail();"让它响应“进入邮箱”按钮事件
    mail()代码如下:
     

   function mail()
        {
            if(event.keycode==13)
            {
                 document.all.mail.click();
                 alert("mail");
            }
         }

 4。给“输入帐号”的文本框加上 onkeydown="bbs();"让它响应“进入社区”按钮事件
    bbs()代码如下:
       

function bbs()
        {
             if(event.keycode==13)
             {
                 document.all.bbs.click();
                 alert("bbs");
             }
         }

下面来看看回车的处理方法

<script language="网页特效" for="document" event="onkeydown">
//回车按钮事件处理
if (event.keycode == 13){
event.keycode=0;
var list=document.getelementsbytagname("input");
for(var i=0;i {
if(list[i].id.indexof("ibtnnextstep")>0){//id中包含有“ibtnnextstep”字眼的按钮
list[i].click();
}
if(list[i].id=="btnsave"){
list[i].click();
}

if(list[i].id=="btnsumbit"){
list[i].click();
}
}
return false;
}
</script>

按回车提交要注意焦点问题,必须使文本输入框失去焦点。让另一个控件获得焦点就等于让文本输入框失去焦点。

本文来源:http://www.gdgbn.com/wangyetexiao/29181/