Blog Content

    티스토리 뷰

    46.jQuery - trigger 메서드로 click 행위 실행 ( 07.Events )

    반응형
    코드 설명
        모두 동일한 이벤트로 테스트시 하나만
        4번째 이벤트를 trigger에서 실행시킨다.
        자바,jquery에서의 프로토타입
        실제 클리아이언트에서 실행 하여 아주 유용한 이벤트(자주 사용 할 듯)
        제한적인 것이 있다.
        http://docs.jquery.com/Events 사이트에서 참고

    01.Trigger.htm

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <title>동적으로 다른 이벤트 호출</title>

        <script src="../jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>

        <script type="text/javascript">

            $(document).ready(function() {

                //[1] btn 클릭 이벤트 처리

                //$('#btn').click(function() { alert('버튼이 클릭'); });

               

                //[2] 페이지 로드시 버튼 클릭

                //$('#my, .hover').click(function() { alert('test'); });

               

                //[3] one메서드 한번만 실행된다.

                //$('#my input[type=button]').one("click", function() {

                    //alert('역시 버튼이 사용자에 의해서 클릭됨');

                //});

                //[4] bind메서드

                $('#btn').bind("click", function(){ alert('버튼 클릭됨'); });

               

                //[!] 페이지 로드시 사용자의 반응이 아닌 코드에 의해서 click 이벤트를 실행

                $('#btn').trigger("click"); //실행하자마자 click 이벤트를 트리거함....        

            });

        </script>

    </head>

     

    <body>

             <div id="my">

                   <input type="button" id="btn" value="버튼" class="hover" />

             </div>

    </body>

    </html>


    결과화면

    [그림46-1]

    반응형

    Comments