jQuery 이벤트 - triggerHandler() 메서드
예제
input 요소의 select 이벤트를 발생시키기:
$("button").click(function(){
$("input").triggerHandler("select");
});
정의와 사용법
triggerHandler() 메서드는 선택된 요소의 지정된 이벤트 유형을 발생시킵니다. 하지만 기본 동작을 수행하지 않으며, 이벤트 퍼지도 발생하지 않습니다.
triggerHandler() 메서드는 trigger() 메서드와 유사하지만, 이벤트(예: 양식 제출)의 기본 동작을 유발하지 않으며, 첫 번째 일치하는 요소만 영향을 미칩니다.
trigger() 메서드와의 차이점
- 이벤트(예: 양식 제출)의 기본 동작을 유발하지 않습니다
- .trigger() 메서드는 jQuery 객체와 일치하는 모든 요소를 처리하지만, .triggerHandler() 메서드는 첫 번째 일치하는 요소만 영향을 미칩니다.
- triggerHandler() 메서드로 생성된 이벤트는 DOM 트리에서 퍼지지 않습니다; 목표 요소가 직접 처리하지 않으면 아무 일도 일어나지 않습니다.
- 이 메서드의 반환 값은 이벤트 처리 함수의 반환 값이며, 연결 가능한 jQuery 객체가 아닙니다. 또한, 처리 프로그램이 발생하지 않으면 이 메서드는 undefined를 반환합니다.
이벤트 발생
선택된 요소가 발생시키는 이벤트를 정의.
문법
$(selector).triggerHandler(event,param1,param2,...])
| 매개변수 | 설명 |
|---|---|
| event | 필수. 지정된 요소가 발생시키는 이벤트를 정의. |
| [param1,param2,...] | 선택 사항. 이벤트 처리 프로그램에 전달되는 추가 매개변수. |
