如何在文本框输入框里按回车键,光标自动跳转到下一个文本框输入框或者是执行某按钮的提交?
这两个问题的本质是一样的,一般是借助客户端脚本来解决,举例如下。
C#
在页面中有一个form1的表单,4个TextBox,还有一个BUtton2按钮,一个Label1
在页面中添加下列javascript脚本:
记得要把button2的onclick的onclick事件绑定到button_click上。
C#
<%@ Page Language="C#" %>
<script runat="server">
protected void Button_Click(object sender,EventArgs e)
{
Lable1.Text="您点击了:"+((Button)sender).Text;
}
protected void Page_Load(object sender,EventArgs e)
{
int TextBoxNum=4;
for(int i=1;i<=TextBoxNum;i++)
{
if(i!=TextBoxNum)
{
((TextBox)form1.FindControl("TextBox"+i.ToString())).Attributes.Add("onkeydown","TabNext(event,'0','"+((TextBox)form1.FindControl("TextBox+(1+i).ToString())).ClientID+'")");
}
else
{
((TextBox)form1.FindControl("TextBox"+i.ToString())).Attributes.Add("onkeydown","TabNext(event,'"+Button2.ClientID+'",)");
}
}
}
</script>
<script runat="server">
protected void Button_Click(object sender,EventArgs e)
{
Lable1.Text="您点击了:"+((Button)sender).Text;
}
protected void Page_Load(object sender,EventArgs e)
{
int TextBoxNum=4;
for(int i=1;i<=TextBoxNum;i++)
{
if(i!=TextBoxNum)
{
((TextBox)form1.FindControl("TextBox"+i.ToString())).Attributes.Add("onkeydown","TabNext(event,'0','"+((TextBox)form1.FindControl("TextBox+(1+i).ToString())).ClientID+'")");
}
else
{
((TextBox)form1.FindControl("TextBox"+i.ToString())).Attributes.Add("onkeydown","TabNext(event,'"+Button2.ClientID+'",)");
}
}
}
</script>
在页面中有一个form1的表单,4个TextBox,还有一个BUtton2按钮,一个Label1
在页面中添加下列javascript脚本:
<script language="javascript" type="text/javascsript">
function TabNext(e,s1,s2)
{
if(window.event)//ie
{
keynum=e.KeyCode
}
else if(e.which)//netscape,firefox,opera
{
keynum=e.which
}
if(keynum==13)
{
if(s1=="0")
{
document.getElementById(s2).focus()
}
else
{
docuemnt.getElementById(s1).click()
}
if(window.event)
{
e.returnValue=false;
e.cancelBubble=true;
}
else if(e.which)
{
e.rreventDefault()
}
}
}
</script>
function TabNext(e,s1,s2)
{
if(window.event)//ie
{
keynum=e.KeyCode
}
else if(e.which)//netscape,firefox,opera
{
keynum=e.which
}
if(keynum==13)
{
if(s1=="0")
{
document.getElementById(s2).focus()
}
else
{
docuemnt.getElementById(s1).click()
}
if(window.event)
{
e.returnValue=false;
e.cancelBubble=true;
}
else if(e.which)
{
e.rreventDefault()
}
}
}
</script>
记得要把button2的onclick的onclick事件绑定到button_click上。
上面的内容摘自 孟子的《ASP.NET 2.0 应用开发技术》
PS: 在使用这个方法时,注意TextBox控件的ID的命名规则 TextBox1,TextBox2,TextBox3....
和对应的客户端的ID属性。
TextBox的Focus()方法允许程序在服务器端设置文本框的焦点..
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步