jquery trigger 예제

.on()를 사용하면 한 번에 여러 이벤트에 바인딩할 수 있다는 이점이 있습니다. 예를 들어 사용자가 창을 스크롤하거나 사용자가 창 크기를 조정할 때 동일한 코드를 실행할 수 있습니다. .on() 메서드를 사용하면 공간 으로 구분된 문자열에서 두 이벤트를 모두 전달할 수 있으며, 이 동작은 이벤트 버블링이라고 합니다. agation() 이벤트 개체에 대해 – 이벤트가 DOM까지 트리거됩니다. 이 메서드는 사용 하지만 클릭 처리기로 바인딩된 함수를 호출 하는 데 사용 하지 않아야 합니다. 대신 호출할 함수를 변수에 저장하고 바인딩을 수행할 때 변수 이름을 전달해야 합니다. 그런 다음 .trigger()를 사용할 필요 없이 언제든지 함수 자체를 호출할 수 있습니다. 예를 들어 이 코드는 이벤트 위임을 설정한 후 새 목록 항목을 추가합니다. 새 항목을 클릭하면 추가 이벤트 바인딩 코드 없이 정상적으로 작동합니다.

트리거()와 트리거핸들러()의 차이는 트리거()와 트리거핸들러()의 차이를 보여 줍니다. 네이티브 이벤트를 트리거하지 않고 jQuery를 통해 바인딩된 처리기를 트리거하려면 대신 .triggerHandler()를 사용합니다. 이벤트 개체는 항상 이벤트 처리기에 첫 번째 매개 변수로 전달됩니다. 인수의 배열은 .trigger() 호출에 전달될 수 있으며 이러한 매개 변수는 이벤트 개체 다음에 따라 처리기에 전달됩니다. jQuery 1.6.2에서 단일 문자열 또는 숫자 인수는 배열에 래핑되지 않고 전달할 수 있습니다. 이벤트가 트리거될 때마다 이벤트 처리기 함수는 브라우저 간에 정규화된 이벤트 개체인 하나의 인수를 받습니다. 이 개체에는 다음을 비롯한 많은 유용한 속성이 있습니다. jQuery의 이벤트 처리 시스템은 네이티브 브라우저 이벤트 위에 있는 계층과 같은 언제든지 새 형식 이름과 임의의 데이터로 이벤트를 트리거할 수 있습니다. 이벤트 처리기가 .on(„클릭”, function() {…}를 사용하여 추가되면 jQuery가 원래 추가될 때 해당 처리기에 대한 참조를 저장하기 때문에 jQuery의 .trigger(„클릭”)를 사용하여 트리거할 수 있습니다.

또한 onclick 속성 내에서 자바 스크립트가 트리거됩니다. .trigger() 함수는 파일 입력 상자 또는 앵커 태그를 클릭하는 것과 같은 네이티브 브라우저 이벤트를 모방하는 데 사용할 수 없습니다. 이는 이러한 이벤트에 해당하는 jQuery의 이벤트 시스템을 사용하여 연결된 이벤트 처리기가 없기 때문입니다. jQuery 플러그인을 사용하여 게시 구독 패턴을 사용하여 트리거 위에 보다 복잡한 아키텍처를 빌드할 수 있습니다.

Kategória: Egyéb kategória

Írta: Gabor