텍스트박스 값 입력 후 엔터시 자동으로 버튼 클릭 발생시키기

 

 

보통 검색창을 보면 텍스트박스 하나와 버튼 하나 이런 구성으로 되어 텍스트박스에 문자열을 입력 후 엔터를 누르면 바로 검색이 되도록 합니다.

asp.net 에선 DefaultButton 이라는 속성을 이용하여 대상 버튼 ID 만 지정해 주면 위와 같은 동작을 간단하게 구현할 수 있습니다.

 

아래 예제는 Panel 컨트롤을 이용하여 구현한 간단한 예제입니다.

 

1. WebForm1.aspx

    

        
            <asp:TextBox ID="TextBox1" runat="server" />
            <asp:Button ID="Button1" Text="Default" runat="server" OnClick="Button1_Click" />
        

        <asp:Label ID="Label1" runat="server" />
    

 

2. WebForm1.aspx.cs

public partial class WebForm1 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    protected void Button1_Click(object sender, EventArgs e)
    {
        this.Label1.Text = "Default button is clicked!";
    }
}

 

3. 결과 화면