페이지 로드 할때 컨트롤에 포커스 주기

by 조쉬 posted Feb 03, 2015
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

3가지 방법이 있다.

1. 페이지 로드할때 컨트롤에 포커스를 주는 스크립트를 작성한다.
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>제목 없음</title>
        <script type="text/javascript">
            function fn_focus()
            {
                document.getElementById("txt").focus();
            }
        </script>
    </head>
    <body onload="fn_focus()">
        <form id="form1" runat="server">
        <div>
            <input type="text" id="txt" runat="server" />
        </div>
        </form>
    </body>
    </html>

  또는 cs에서 스크립트를 문자열로 추가하거나..
    string script = string.Empty;
    script += "<script type='text/javascript'>document.getElementById('txt').focus();</script>";

    Page.RegisterStartupScript("Focus", script);

2. 폼테그 안에서 포커스를 줄 컨트롤을 지정한다.
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>제목 없음</title>
    </head>
    <body>
        <form id="form1" runat="server" defaultfocus="txt">
        <div>
            <input type="text" id="txt" runat="server" />
        </div>
        </form>
    </body>
    </html>

3. cs에서 페이지 속성에 추가한다.
    protected void Page_Load(object sender, EventArgs e)
    {
        this.Page.SetFocus("txt");
     }