分析原理提交一般是根据用户的按键一,回车的keycode=13,知道这个我们就好判断了,只要利用js监控键盘,如果是13就提交表单就可以了。
要实现的主要功能是:在文本框中输入数据以后,按回车键提交(也就是说, 按回车可以搜索 , 按搜索按钮也可以搜索)
代码一
如何实现文本框焦点自动跳转及通过回车键提交表单
1.
<script language=“vbscript“>
<!--
sub document_onkeydown
if window.event.keycode=13 then
window.event.keycode=9
end if
end sub
//-->
</script>
当点击回车的时候去执行 tab键
代码二
步骤:
<script type="text/网页特效" language="javascript">
function keydown()
{
if (event.keycode == 13)
{
event.returnvalue=false; //不刷新界面
form.btnok.click(); //使用表单提交
}
}
</script>
注: 如果查询按钮是imagebutton控件 提交表单时用 document.getelementbyid("imagebutton1").click();
<asp教程:textbox id="textbox1" runat="server"></asp:textbox>
<br />
<asp:textbox id="textbox2" runat="server" onkeydown="keydown()"></asp:textbox>
<br />
<asp:button id="btnok" runat="server" onclick="btnok_click" text="确定" />
代码三
<script language="javascript">
function aa()
{
if (event.keycode == 13)
{
event.returnvalue=false;
event.cancel = true;
document.all.imagebuttonsearch.click();
}
}
</script>
要控制这些行为,不需要借助js,浏览器已经帮我们做了这些处理,这里总结几条规则:
1、如果表单里有一个type=”submit”的按钮,回车键生效。
2、如果表单里只有一个type=”text”的input,回车键生效。
3、如果按钮不是用input,而是用button,并且没有加type,ie下默认为type=button,fx默认为type=submit。
4、其他表单元素如textarea、select不影响。
实际应用的时候,要让表单响应回车键很容易,保证表单里有个type=”submit”的按钮就行。而当只有一个文本框又不希望响应回车键怎么办呢?我的方法有点别扭,就是再写一个无意义的文本框,隐藏起来