본문 바로가기
Programming/Javascript

[jQuery] trigger() 함수 / 강제 이벤트 발생

by 쿠쿠씨 2022. 9. 8.
반응형

trigger()


jQuery의 trigger() 함수는 선택된 요소에 강제로 이벤트를 발생시키는 함수입니다.

 

기본 형식


 

selector

요소를 지정하는 선택자입니다.

event

필수 매개변수입니다. 지정된 요소에 대해 트리거할 이벤트를 지정합니다.

표준 이벤트 또는 사용자 지정 이벤트입니다. 

param

선택 매개변수입니다. 이벤트 처리기에 전달할 추가 매개변수입니다.

주로 사용자 지정 이벤트에 사용합니다.

 

예시


$(function() {
    $("#btn_search").click(function(){
        obj.search();
    });
    $("#btn_search").trigger("click");
});

search 버튼을 클릭하지 않아도 강제로 클릭 이벤트를 실행합니다.

 

$(function(){
	$("p").click(function(){
		$("p").on("myPara", function(event, param1, param2, param3){
			alert(param1 + "\n" + param2 + "\n" + param3);
		});
	$("p").trigger("myPara", ['즐거운', '추석', '보내세요']);
	});
});

<p>요소 클릭 시 사용자 지정 이벤트인 myPara 이벤트가 실행됩니다.

결과

 

References


https://api.jquery.com/trigger/

https://www.w3schools.com/jquery/event_trigger.asp

반응형

댓글