본문 바로가기
javaScript/jQuery

trigger 버튼 클릭 없이 이벤트 발생 시키기

by mooyou 2023. 3. 14.
728x90
300x250
SMALL

 

trigger

$대상.trigger("이벤트이름")

 

실제 버튼을 클릭하지않았지만 클릭 한것 같은 이벤트를 수동으로 발생시켜야 할경우 트리거 메서드를 사용할 수 있다.

 

 

 

<button id="btn1">버튼1</button>
<button id="btn2">버튼2</button>

위와 같이 2개의 버튼이 있다고 했을때 버튼1을 눌렀을때 버튼2도 클릭한 것 같은 효과를 줄 수 있다.

("#btn1").on("click",function(){
    console.log("버튼1");
    $("#btn2").trigger("click");
})

$("#btn2").on("click",function(){
    console.log("버튼2");
})

 

이처럼 trigger()메서드를 사용하면 수동으로 클릭하지 않은 버튼도 클릭하게 할 수 있다.

728x90
반응형
LIST

댓글