您的位置:首页 > 其它

关于回车事件的响应处理

2006-08-26 18:29 417 查看
方法很多种:

1.此例可以在文本中按下回车,跳转到下一个文本框(实现tab功能),但是如果有了按钮就不对了,有待研究
实现的思路很好

<script language="javascript">//自定义函数
function newinfo_form_onkeyup()
{
key=window.event.keyCode;
if(key==0xD)//判断是否按下回车键
{
CurTabIndex=event.srcElement.tabIndex+1//将当前tabindex的值加1
for (n=0;n<Form1.elements.length;n++)
{
if (Form1.elements
.tabIndex==CurTabIndex) //找到下一个表单元素
{
Form1.elements
.focus(); //移动焦点
return true;
}
}
}
 }
</script>

***************************************
<form id="Form1" method="post" runat="server" onkeyup="return newinfo_form_onkeyup()"
language="javascript">
<input type="text" name="txtName1" size="16" tabindex="1" runat="server">
<input type="text" name="txtName2" size="16" tabindex="2" runat="server">
<input type="text" name="txtName3" size="16" tabindex="3" runat="server">
<input type="text" name="txtName4" size="16" tabindex="4" runat="server">
<input type="text" name="txtName5" size="16" tabindex="5" runat="server">
<input type="text" name="txtName6" size="16" tabindex="6" runat="server">
<input type="text" name="txtName7" size="16" tabindex="7" runat="server">
<input type="text" name="txtName8" size="16" tabindex="8" runat="server">
</form> 

 

2.以下方法和上面也一样

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<script>
function tbl()
{
if(event.keyCode  == 13){
event.keyCode =9
}

}
</script>
<body>
<input id="box1" onkeydown="tbl()"><br/>
<input id="box1" onkeydown="tbl()"><br/>
<input id="box1" onkeydown="tbl()">
</body>
</html>

3.此方法可以实现在文本框中加回车键自动运行按钮的onclick事件

<asp:TextBox id="TextBox1" runat="server"></asp:TextBox>
<asp:ImageButton id="ImageButton1" runat="server"></asp:ImageButton>
********************************
private void Page_Load(object sender, System.EventArgs e)
{
    this.TextBox1.Attributes.Add("onkeydown","if(event.keyCode==13){"+Page.GetPostBackEventReference(this.ImageButton1)+"}");
}

private void ImageButton1_Click(object sender, System.Web.UI.ImageClickEventArgs e)
{
     Response.Redirect("webform1.aspx");
}

 

4.

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息