20220516 swiper events 정리

고성광·2022년 5월 15일

이름 : activeIndexChange
인수 : (swiper)
설명 :

활성 인덱스 변경 시 이벤트가 발생합니다.


이름 : afterInit
인수 : (swiper)
설명 :

초기화 직후 이벤트가 발생합니다.


이름 : beforeDestroy
인수 : (swiper)
설명 :

Swiper가 파괴되기 직전에 이벤트가 시작됩니다.


이름 : beforeInit
인수 : (swiper)
설명 :

초기화 직전에 이벤트가 발생합니다.


이름 : beforeLoopFix
인수 : (swiper)
설명 :

"루프 수정" 직전에 이벤트가 시작됩니다.


이름 : beforeResize
인수 : (swiper)
설명 :

크기 조정 핸들러 전에 이벤트가 발생합니다.


이름 : beforeSlideChangeStart
인수 : (swiper)
설명 :

슬라이드 변경 전환이 시작되기 전에 이벤트가 시작됩니다.


이름 : beforeTransitionStart
인수 : (swiper, speed, internal)
설명 :

전환 시작 전에 이벤트가 시작됩니다.


이름 : breakpoint
인수 : (swiper, breakpointParams)
설명 :

중단점 변경 시 이벤트가 발생합니다.


이름 : changeDirection
인수 : (swiper)
설명 :

방향 변경 시 이벤트가 발생합니다.


이름 : click
인수 : (swiper, event)
설명 :

사용자가 Swipe를 클릭/탭하면 이벤트가 시작됩니다. touchend이벤트를 인수로 받습니다 .


이름 : destroy
인수 : (swiper)
설명 :

swiper 파괴시 이벤트가 발생합니다.


이름 : doubleClick
인수 : (swiper, event)
설명 :

사용자가 Swiper를 두 번 클릭/탭하면 이벤트가 시작됩니다.


이름 : doubleTap
인수 : (swiper, event)
설명 :

사용자가 Swiper의 컨테이너를 두 번 탭하면 이벤트가 시작됩니다. touchend이벤트를 인수로 수신


이름 : fromEdge
인수 : (swiper)
설명 :

Swiper가 시작 위치 또는 끝 위치에서 이동할 때 이벤트가 발생합니다.


이름 : imagesReady
인수 : (swiper)
설명 :

모든 내부 이미지가 로드된 직후 이벤트가 시작됩니다. updateOnImagesReady도 활성화해야 합니다.


이름 : init
인수 : (swiper)
설명 :

Swiper 초기화 직후에 실행됩니다.


이름 : lock
인수 : (swiper)
설명 :

스위퍼가 잠겨 있을 때 이벤트가 발생합니다( watchOverflow활성화된 경우)


이름 : loopFix
인수 : (swiper)
설명 :

"루프 수정" 후 이벤트가 시작됩니다.


이름 : momentumBounce
인수 : (swiper)
설명 :

모멘텀 바운스 시 이벤트 발생


이름 : observerUpdate
인수 : (swiper)
설명 :

관찰자가 활성화되고 DOM 돌연변이를 감지하면 이벤트가 시작됩니다.


이름 : orientationchange
인수 : (swiper)
설명 :

방향 변경 시 이벤트가 발생합니다(예: 가로 -> 세로).


이름 : progress
인수 : (swiper, progress)
설명 :

Swiper 진행률이 변경되면 이벤트가 발생합니다. 인수로 항상 0에서 1 사이의 진행률을 수신합니다.


이름 : reachBeginning
인수 : (swiper, event)
설명 :

Swiper가 시작(초기 위치)에 도달하면 이벤트가 발생합니다.


이름 : reachEnd
인수 : (swiper, event)
설명 :

Swiper가 마지막 슬라이드에 도달하면 이벤트가 시작됩니다.


이름 : realIndexChange
인수 : (swiper, event)
설명 :

실제 인덱스 변경 시 이벤트가 발생합니다.


이름 : resize
인수 : (swiper)
설명 :

스위퍼의 크기 조정 조작 직전에 창 크기 조정 시 이벤트가 발생합니다.


이름 : setTransition
인수 : (swiper, transition)
설명 :

스위퍼가 애니메이션을 시작할 때마다 이벤트가 시작됩니다. 현재 전환 기간(ms)을 인수로 받습니다.


이름 : setTranslate
인수 : (swiper, translate)
설명 :

swiper의 래퍼가 위치를 변경하면 이벤트가 시작됩니다. 현재 번역 값을 인수로 받습니다.


이름 : slideChange
인수 : (swiper)
설명 :

현재 활성 슬라이드가 변경되면 이벤트가 시작됩니다.


이름 : slideChangeTransitionEnd
인수 : (swiper)
설명 :

다른 슬라이드(다음 또는 이전)로의 애니메이션 후 이벤트가 시작됩니다.


이름 : slideChangeTransitionStart
인수 : (swiper)
설명 :

다른 슬라이드(다음 또는 이전)로의 애니메이션 시작 시 이벤트가 발생합니다.


이름 : slideNextTransitionEnd
인수 : (swiper)
설명 :

"slideChangeTransitionEnd"와 동일하지만 "정방향"에만 해당


이름 : slideNextTransitionStart
인수 : (swiper)
설명 :

"slideChangeTransitionStart"와 동일하지만 "정방향"에만 해당


이름 : slidePrevTransitionEnd
인수 : (swiper)
설명 :

"slideChangeTransitionEnd"와 동일하지만 "뒤로" 방향에만 해당


이름 : slidePrevTransitionStart
인수 :(swiper)
설명 :

"slideChangeTransitionStart"와 같지만 "뒤로" 방향에만 해당


이름 : slideResetTransitionEnd
인수 : (swiper)
설명 :

슬라이드를 현재 슬라이드로 재설정하는 애니메이션이 끝나면 이벤트가 시작됩니다


이름 : slideResetTransitionStart
인수 : (swiper)
설명 :

슬라이드를 현재 슬라이드로 재설정하는 애니메이션 시작 시 이벤트가 발생합니다.


이름 : sliderFirstMove
인수 : (swiper, event)
설명 :

첫 번째 터치/드래그 이동으로 이벤트가 시작됩니다.


이름 : sliderMove
인수 : (swiper, event)
설명 :

사용자가 Swipe에 손가락을 대고 움직이면 이벤트가 발생합니다. touchmove이벤트를 인수로 받습니다


이름 : slidesGridLengthChange
인수 : (swiper)
설명 :

슬라이드 그리드가 변경되면 이벤트가 발생합니다.


이름 : slidesLengthChange
인수 : (swiper)
설명 :

슬라이드 수가 변경되면 이벤트가 발생합니다.


이름 : snapGridLengthChange
인수 : (swiper)
설명 :

스냅 그리드가 변경되면 이벤트가 발생합니다


이름 : snapIndexChange
인수 : (swiper, event)
설명 :

스냅 인덱스 변경 시 이벤트가 발생합니다.


이름 : tap
인수 : (swiper, event)
설명 :

사용자가 Swipe를 클릭/탭하면 이벤트가 시작됩니다. touchend이벤트를 인수로 받습니다 .


이름 : toEdge
인수 : (swiper)
설명 :

Swiper가 시작 또는 끝 위치로 이동하면 이벤트가 시작됩니다.


이름 : touchEnd
인수 : (swiper, event)
설명 :

사용자가 Swipe를 놓으면 이벤트가 시작됩니다. touchend이벤트를 인수로 받습니다 .


이름 : touchMove
인수 : (swiper, event)
설명 :

사용자가 Swiper를 터치하고 손가락을 움직이면 이벤트가 시작됩니다. touchmove이벤트를 인수로 받습니다 .


이름 : touchMoveOpposite
인수 : (swiper, event)
설명 :
사용자가 방향 매개변수와 반대 방향으로 Swipe 위에서 손가락을 터치하고 움직이면 이벤트가 발생합니다.

touchmove이벤트를 인수로 받습니다 .


이름 : touchStart
인수 : (swiper, event)
설명 :

사용자가 Swiper를 터치하면 이벤트가 시작됩니다. touchstart이벤트를 인수로 받습니다 .


이름 : transitionEnd
인수 : (swiper)
설명 :

전환 후 이벤트가 시작됩니다.


이름 : transitionStart
인수 : (swiper)
설명 :

전환이 시작될 때 이벤트가 시작됩니다.


이름 : unlock
인수 : (swiper)
설명 :

스위퍼가 잠금 해제되면 이벤트가 시작됩니다( watchOverflow활성화된 경우)


이름 : update
인수 : (swiper)
설명 :

swiper.update() 호출 후 이벤트가 시작됩니다.


0개의 댓글