jquery trigger 예제

.on() 메서드를 사용하여 사용자 지정 이벤트 형식을 정의하면 .trigger()에 대한 두 번째 인수가 유용해질 수 있습니다. 예를 들어 위에서와 같이 사용자 지정 이벤트에 대한 처리기를 기본 제공 클릭 이벤트 대신 요소에 바인딩했다고 가정합니다. 새 항목을 클릭하면 추가 이벤트 바인딩 코드 없이 정상적으로 작동합니다. 자세한 내용은 트리거처리기 설명서 를 참조하여 트리거()와 triggerHandler()의 차이점을 보여 줍니다. 이벤트의 버블링 동작을 사용하면 상위 수준 요소에 처리기를 바인딩한 다음 이벤트를 시작한 하위 수준 요소를 검색하는 “이벤트 위임”을 수행할 수 있습니다. 예를 들어, 이벤트를 정렬되지 않은 목록에 바인딩한 다음 이벤트를 시작한 요소를 결정할 수 있습니다. object — 이벤트는 DOM까지 모든 방식으로 트리거됩니다. 이렇게 하면 jQuery 이벤트 처리기가 트리거될 뿐만 아니라 링크를 따라 현재 페이지도 변경됩니다. 출력: 위의 예에서 html 요소를 개체로 사용하고 parseInt() 함수를 사용하여 문자열을 정수로 변환하여 html 요소를 개체로 변환하는 증가(obj) 함수를 사용합니다. jQuery UI 팀은 자동화된 테스트에 사용할 네이티브 브라우저 이벤트를 트리거하는 것을 단순화하기 위해 jquery.simulate.js를 만들었습니다. 용도는 jQuery의 트리거를 모델로 합니다. 문서 및 창뿐만 아니라 문서의 모든 요소(실제 코드에서는 절대 로는 안 되는 요소)에 클릭 처리기를 바인딩합니다. 다른 요소 안에 중첩된 요소를 클릭하면 어떻게 됩니까? 실제로 클릭 이벤트는 문서와 창까지 a를 포함하는 모든 요소뿐만 아니라 요소에 대해 트리거됩니다.

(아이콘을 클릭하여 샌드박스에서 직접 사용해 볼 수 있습니다.) .trigger() 메서드는 pub/sub 메커니즘과 유사한 일반 JavaScript 개체를 래핑하는 jQuery 컬렉션에서 사용할 수 있습니다. 개체에 바인딩된 모든 이벤트 처리기는 이벤트가 트리거될 때 호출됩니다. jQuery 플러그인을 사용하여 게시 구독 패턴을 사용하여 트리거 위에 보다 복잡한 아키텍처를 빌드할 수 있습니다. 이 기술을 사용하면 .trigger()를 사용하여 응용 프로그램 특정 이벤트가 발생했다는 코드의 다른 섹션에 알릴 수 있습니다. 트리거하려는 이벤트에 단축 메서드가 있는 경우(위의 표 참조) jQuery의 .trigger 메서드가 핵심이라는 단축 메서드를 호출하여 이벤트를 트리거할 수도 있습니다. 이 메서드는 triggerHandler() 가 이벤트의 기본 동작을 트리거하지 않는다는 점을 제외하면 언제든지 새 형식 이름과 임의의 데이터로 이벤트를 트리거할 수 있습니다.

Posted in Uncategorized