在ASP.NET页面中，按回车键就执行相应按钮的Click()事件

 

在ASP.NET页面中，按回车键就执行相应按钮的Click()事件

2010-12-21 10:36:30|  分类： Asp.net |  标签：无 |字号大中小 订阅

如何在ASP.NET页面中，按回车键就执行相应按钮的Click()事件？

这得借助前台的js代码来完成！

①单输入框(文本框)单按钮的实现方法

以下功能实现：在输入框中输入内容之后，按回车键就执行按钮事件！

在.aspx页面的Head区域中添加：

<script type="text/javascript">
function Enter()
{
if(event.keyCode==13)
{
event.keyCode = 9;
event.returnValue=false;
document.getElementById('Button1').click();
//document.all('Button1').click();
}
}
</script>

protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
this.TextBox1.Attributes.Add("onkeydown", "Enter(this)");
}
TextBox1.Focus();
}

②多输入框(文本框)多按钮的实现方法

以下功能实现，在不同的输入框中输入内容后，按回车键执行不同的按钮事件！　　

在.aspx页面的Head区域中添加：

<script   type="text/javascript">  
function   BtnClick(obj)  
{  
if(event.keyCode==13)  
{  
if(obj==document.all.文本框ID)  
{  
document.all.Button1.click();  
}  
else  
{  
document.all.Button2.focus();  
document.all.Button2.click();  
}  
}  
}  
</script> 

在页面的cs文件的Load中添加:

this.文本框ID.Attributes.Add("onkeydown",   "BtnClick(this);");  
this.另外的文本框ID.Attributes.Add("onkeydown",   "BtnClick(this);");

 

当然也可以.cs 指定

 

   protected void Page_Load(object sender, EventArgs e)
    {
        this.form1.DefaultButton = "btnSearch";
        if (!IsPostBack)
        {
            ddlsearchCondition_SelectedIndexChanged(sender, e);
        }
    }