jquery trigger

jquery trigger


■ 프로그래밍을 하다 보면 상황에 따라서 이벤트를 연결, 제거해야 할 때가 있는데요. 원하는 경우에는 특정 시점에 강제로 이벤트를 발생시킬 수도 있습니다. 그 기능을 하는 메서드가 [trigger]인데요. 이 메서드를 이용하면 매크로 프로그램처럼 일정한 간격으로 특정 버튼을 클릭하는 프로그램을 만들 수 있습니다. 먼저 trigger를 사용하는 형식은 다음과 같습니다. 


$("선택자").trigger("이벤트"); 


■ 이 메서드를 이용해서 간단한 예제를 만들어보겠습니다. 예제의 내용은 브라우저가 로드되면 정확하게 10초에 자동으로 버튼을 클릭하는 내용입니다. 

 

 


▲ 'id'가 "aaa"라는 버튼을 하나 배치했는데요. 브라우저에서 이 문서가 열리고 5초 후에 스스로 버튼을 클릭하도록 하겠습니다.


▲ 먼저 JQuery의 기본 명령어에는 시간을 설정해서 5초 후에 bbb() 함수가 실행하도록 했고요. bbb() 함수에서 trigger 메서드를 이용해서 버튼에 강제로 클릭 이벤트를 발생시키고 있습니다. 


 그리고 마지막으로 클릭 이벤트가 실행되면 'alert' 창을 띄우도록 하는 내용입니다. 그럼 브라우저에서 직접 확인해보겠습니다.

▲ 이 부분은 직접 확인을 하셔야 할 거 같네요. ^^ 브라우저 로드가 완료되면 정확히 5초 후에 버튼에 클릭 이벤트가 발생하고 그림과 같이 alert 창이 뜨게 됩니다. ^^


 이렇게 해서 JQuery에서 강제로 이벤트를 발생하는 과정을 정리해봤는데요. 간단한 내용이니까 직접 입력해서 확인해보셔요. 수고하셨습니다

Leave a comment
Your name *
Your PassWord *
Comment *
COMMENT