모두 동일한 이벤트로 테스트시 하나만
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] |
출처: http://godffs.tistory.com/536 [찬브로-가슴 속 사진♬ .Net 개발자]
출처: http://godffs.tistory.com/536 [찬브로-가슴 속 사진♬ .Net 개발자]
출처: http://godffs.tistory.com/536 [찬브로-가슴 속 사진♬ .Net 개발자]
'Programming > Javascript, jQuery' 카테고리의 다른 글
| [javasctipt] JSON데이터 검증 (json validation ) (0) | 2019.06.26 |
|---|---|
| [jquery] 체크박스 선택여부, 체크박스 선택/해제 (0) | 2019.06.25 |
| a 태그에서의 함수호출 (0) | 2017.01.10 |
| Javascript 콜백함수 (0) | 2016.12.22 |
| Javascript 가변 인자 함수 만들기 (0) | 2016.12.22 |