[jQuery] trigger 함수를 사용한 강제 클릭 이벤트

 

.trigger()

.trigger() 함수는 이벤트가 발생할 때 실행될 함수나 .bind() 함수로 연결된 어떤 이벤트 핸들러를 강제로 실행시켜 줍니다. A call to .trigger() 함수를 사용해서 사용자가 일으킬 이벤트를 임의적으로 순서에 따라 발생시킬 수 있습니다.

 

  .trigger( eventType [, extraParameters ] )

 

 

trigger을 이용한 강제 클릭 예제:

$(document).ready(function(){

  

  // trigger로 인해 실행되는 부분

  $("#btn").bind("click", function(){

      alert("클릭!"); 

  });

 

  // 강제로 클릭 이벤트 발생시키는 부분!

  $("#btn").trigger("click");

});

}

<div id="btn">클릭 안 해도 됨. </div>

 

로딩이 완료되는 데로 div를 클릭하지 않아도 trigger로 이벤트를 발생시키기 때문에 "클릭!" 이라는 alert가 뜬다.

클릭 외에도 원하는 이벤트를 지정할 수 있어 유용하게 사용할 수 있다.

 

 

 

예제 코드 출처 : https://lookingfor.tistory.com/entry/JQuery-%ED%95%A8%EC%88%98-trigger-%EA%B0%95%EC%A0%9C%EB%A1%9C-click-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EB%B0%9C%EC%83%9D%EC%8B%9C%ED%82%A4%EA%B8%B0