[Event] JQ - triggerHandler() 메서드 - 지정 이벤트 수동 촉발만 함. (= 트리거핸들러 메서드)

1. triggerHandler() 예제 - select 이벤트 수동 촉발시키기.
2. triggerHandler() 정의
3. triggerHandler() 구문

triggerHandler() 예제 - select 이벤트 수동 촉발시키기.

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

    $("input").select(function(){

        $("input").after(" Select 이벤트 촉발됨.");

    });

    $("button").click(function(){

        $("input").triggerHandler("select");

    });

});

</script>

<input type="text" value="Homzzang.com"><br><br>

<button>클릭</button>

결과보기

PS.

trigger() 메서드와 달리, triggerHandler() 메서드는 이벤트의 기본 동작을 유발 안 함.

따라서, 「Homzzang.com」 텍스트는 드래그 선택 안 되고, 촉발 관련 메세지만 표기됨. 

triggerHandler() 정의 

 

선택 요소에 대해 지정된 이벤트를 촉발시킴. 

 

---

[비교]

 

triggerHandler() 메서드
: 지정 이벤트만 촉발.

trigger()
: 지정 이벤트 촉발 + 이벤트의 기본 동작 (예 : 양식 제출)도 촉발. 

triggerHandler() 구문 

 

$(selector).triggerHandler(event,param1,param2,...)

 

---

[매개변수]

 

event

필수. 지정된 요소에 대해 촉발할 이벤트 지정.

 

param1, param2, ...  

선택. 이벤트 핸들러로 전달할 추가 매개변수. (※ 맞춤 이벤트에 유용.)

 

예제: 아웃로그인 스킨 https://homzzang.com/b/tip-1999