在不同的地方按回车键得到不同的响应
如果同一页面上有多个文本框(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<list.length && list[i];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>
按回车提交要注意焦点问题,必须使文本输入框失去焦点。让另一个控件获得焦点就等于让文本输入框失去焦点。