목차
- triggerHandler() 예제 - select 이벤트 수동 촉발시키기.
- triggerHandler() 정의
- 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