이벤트 관련 메소드 - trigger()

trigger() method

: 특정 이벤트나 기본 이벤트를 강제로 발생시키는 메소드로 사용자 정의 이벤트 발생 시 사용

이벤트 발생 시 인자 값 전달 가능

 

ex.

div박스 2개를 만들어

첫번째 div에 click 이벤트로 클릭 수 만큼 카운트가 늘어나게 하고

두번째 div에서 click시 첫번째 click이벤트 핸들러를 가져오기

 

결과를 보면 주황색 div를 클릭해도 카운트가 늘어나고

검정색 div를 클릭해도 똑같이 카운트가 늘어남

두번째 div박스에서 첫번째 div의 클릭 이벤트를 trigger했기 때문

 

하지만 trigger 메소드는 실제 클릭이 일어나는 것이 아닌

click 이벤트 핸들러를 호출하는 것

따라서 아래의 경우 링크로 실제 이동하지 않음

 

실제 a태그에는 네이버로 이동하는 링크를 연결하고

button에 trigger 메소드를 이용해 a태그 클릭하도록 해보았으나

버튼 클릭시에는 링크로 이동이 되지 않음