1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | <!DOCTYPE html> <html lang="ko"> <head> <meta charset="utf-8"> <script src="js/jquery.js"></script> </head> <body> <input type="text" /> <input type="text" /> <input type="text" /> <button>triggerHandler</button> <button>trigger</button> <script> /* trigger 와 triggerHandler의 차이는 예제소스의 버튼을 클릭해보면 차이를 알수 있다. trigger 버튼을 클릭하면 전체 input박스에 css가 적용되고, 마지막input에 커서가 깜빡일것이다. triggerHandler 버튼은?? - 이벤트의 기본 동작은 발생시키지 않고 핸들러함수만 실행한다. (즉, focus기본이벤트(커서깜빡임 이벤트는 발생되지 않는다.)) - jQuery확장집합에서 첫번째 요소만 적용된다. */ $("input[type='text']").focus(function(event) { $(this).css("background", "red"); }); $("button:eq(0)").click(function() { $("input[type='text']").triggerHandler("focus"); }); $("button:eq(1)").click(function() { $("input[type='text']").trigger("focus"); }); </script> </body> </html> |
반응형
'jQuery' 카테고리의 다른 글
[jQuery] CSS 트랜지션 완료 이벤트 감지하기 ( jQuery transition complete callbacks ) (0) | 2015.10.13 |
---|---|
[jQuery] addBack() - 선택된 요소의 이전 선택된 요소도 확장집합에 함께 추가 (0) | 2015.08.28 |
[jQuery] $.proxy() - 대리인을 통해 this유지 (0) | 2015.08.26 |
[jQuery] input 숫자만 입력받기 (0) | 2015.08.18 |
[jQuery] select option 제어 - value값 text로 선택되게 (1) | 2015.08.12 |