JQuery 함수 trigger(), 강제로 click 이벤트 발생시키기

 

강제로 이벤트를 실행시키기 위해서는 JQuery .trigger() 라는 함수를 사용한다.

 

  .trigger( eventType [, extraParameters ] )

 

 

아래 예시에서 btn 이라는 id를 갖는 요소에 강제로 클릭 이벤트를 발생시킨다.

 

$(document).ready(function(){

  

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

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

      alert("클릭!"); 

  });

 

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

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

});

 

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

 

 

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

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

 

 

 

* 참고 문서, JQuery docemnt: api.jquery.com/trigger/