SwiperEvents | Swiper - v11.2.0

层级

SwiperClass
- SwiperEvents

索引

方法

可选 _beforeBreakpoint

_beforeBreakpoint(swiper: any, breakpointParams: any): void

- 定义于 swiper/types/swiper-events.d.ts:218
!内部事件：将在断点更改之前触发

参数
- swiper: any
- breakpointParams: any
返回 void

可选 _containerClasses

_containerClasses(swiper: any, classNames: string): void

- 定义于 swiper/types/swiper-events.d.ts:223
!内部事件：将在设置swiper容器元素上的CSS类后触发

参数
- swiper: any
- classNames: string
返回 void

可选 _freeModeNoMomentumRelease

_freeModeNoMomentumRelease(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:246
!内部事件：将在自由模式触摸结束（释放）时触发，并且不会有动量

参数
- swiper: any
返回 void

可选 _slideClass

_slideClass(swiper: any, slideEl: HTMLElement, classNames: string): void

- 定义于 swiper/types/swiper-events.d.ts:228
!内部事件：将在设置swiper slide元素上的CSS类后触发

参数
- swiper: any
- slideEl: HTMLElement
- classNames: string
返回 void

可选 _slideClasses

_slideClasses(swiper: any, slides: { classNames: string; index: number; slideEl: HTMLElement }[]): void

- 定义于 swiper/types/swiper-events.d.ts:233
!内部事件：将在设置所有swiper slides上的CSS类后触发

参数
- swiper: any
- slides: { classNames: string; index: number; slideEl: HTMLElement }[]
返回 void

可选 _swiper

_swiper(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:241
!内部事件：将在swiper实例可用时立即触发（初始化之前）

参数
- swiper: any
返回 void

activeIndexChange

activeIndexChange(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:251
事件将在活动索引更改时触发

参数
- swiper: any
返回 void

afterInit

afterInit(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:263
事件将在初始化后立即触发

参数
- swiper: any
返回 void

beforeDestroy

beforeDestroy(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:64
事件将在Swiper销毁之前触发

参数
- swiper: any
返回 void

beforeInit

beforeInit(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:267
事件将在初始化之前触发

参数
- swiper: any
返回 void

beforeLoopFix

beforeLoopFix(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:203
事件将在“循环修复”之前触发

参数
- swiper: any
返回 void

beforeResize

beforeResize(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:271
事件将在调整大小处理程序之前触发

参数
- swiper: any
返回 void

beforeSlideChangeStart

beforeSlideChangeStart(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:275
事件将在slide更改过渡开始之前触发

参数
- swiper: any
返回 void

beforeTransitionStart

beforeTransitionStart(swiper: any, speed: number, internal: any): void

- 定义于 swiper/types/swiper-events.d.ts:279
事件将在过渡开始之前触发

参数
- swiper: any
- speed: number
- internal: any
返回 void

breakpoint

breakpoint(swiper: any, breakpointParams: any): void

- 定义于 swiper/types/swiper-events.d.ts:213
事件将在断点更改时触发

参数
- swiper: any
- breakpointParams: any
返回 void

changeDirection

changeDirection(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:283
事件将在方向更改时触发

参数
- swiper: any
返回 void

click

click(swiper: any, event: MouseEvent | PointerEvent | TouchEvent): void

- 定义于 swiper/types/swiper-events.d.ts:143
当用户点击/轻触Swiper时将触发此事件。接收 pointerup 事件作为参数。

参数
- swiper: any
- event: MouseEvent | PointerEvent | TouchEvent
返回 void

destroy

destroy(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:291
事件将在swiper销毁时触发

参数
- swiper: any
返回 void

doubleClick

doubleClick(swiper: any, event: MouseEvent | PointerEvent | TouchEvent): void

- 定义于 swiper/types/swiper-events.d.ts:287
当用户双击/轻触Swiper时将触发此事件

参数
- swiper: any
- event: MouseEvent | PointerEvent | TouchEvent
返回 void

doubleTap

doubleTap(swiper: any, event: MouseEvent | PointerEvent | TouchEvent): void

- 定义于 swiper/types/swiper-events.d.ts:153
当用户双击Swiper的容器时将触发此事件。接收 pointerup 事件作为参数

参数
- swiper: any
- event: MouseEvent | PointerEvent | TouchEvent
返回 void

fromEdge

fromEdge(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:178
当Swiper从开始或结束位置移动时将触发此事件

参数
- swiper: any
返回 void

init

init(swiper: any): any

在Swiper初始化后立即触发。

注意

请注意，使用 swiper.on('init') 语法，只有在您设置 init: false 参数的情况下才有效。

示例

const swiper = new Swiper('.swiper', {
  init: false,
  // other parameters
});
swiper.on('init', function() {
 // do something
});
// init Swiper
swiper.init();

示例

// Otherwise use it as the parameter:
const swiper = new Swiper('.swiper', {
  // other parameters
  on: {
    init: function () {
      // do something
    },
  }
});

参数

swiper: any

返回 any

lock

lock(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:331
当swiper被锁定（当启用 watchOverflow 时）将触发此事件

参数
- swiper: any
返回 void

loopFix

loopFix(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:208
事件将在“循环修复”之后触发

参数
- swiper: any
返回 void

momentumBounce

momentumBounce(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:295
事件将在动量反弹时触发

参数
- swiper: any
返回 void

observerUpdate

observerUpdate(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:198
如果启用了观察器并且它检测到DOM突变，则将触发此事件

参数
- swiper: any
返回 void

orientationchange

orientationchange(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:299
事件将在方向更改时触发（例如，横向 -> 纵向）

参数
- swiper: any
返回 void

progress

progress(swiper: any, progress: number): void

- 定义于 swiper/types/swiper-events.d.ts:158
当 Swiper 的进度改变时触发此事件，它接收一个参数，该参数始终在 0 到 1 之间

参数
- swiper: any
- progress: number
返回 void

reachBeginning

reachBeginning(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:163
当 Swiper 到达起始位置（初始位置）时触发此事件

参数
- swiper: any
返回 void

reachEnd

reachEnd(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:168
当 Swiper 到达最后一个 slide 时触发此事件

参数
- swiper: any
返回 void

realIndexChange

realIndexChange(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:259
当真实索引改变时触发此事件

参数
- swiper: any
返回 void

resize

resize(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:193
在窗口大小调整且 Swiper 的 onresize 操作之前触发此事件

参数
- swiper: any
返回 void

setTransition

setTransition(swiper: any, transition: number): void

- 定义于 swiper/types/swiper-events.d.ts:188
每次 Swiper 开始动画时触发此事件。接收当前过渡持续时间（以毫秒为单位）作为参数

参数
- swiper: any
- transition: number
返回 void

setTranslate

setTranslate(swiper: any, translate: number): void

- 定义于 swiper/types/swiper-events.d.ts:183
当 Swiper 的包裹层更改其位置时触发此事件。接收当前 translate 值作为参数

参数
- swiper: any
- translate: number
返回 void

slideChange

slideChange(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:73
当当前活动 slide 更改时触发此事件

参数
- swiper: any
返回 void

slideChangeTransitionEnd

slideChangeTransitionEnd(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:83
在动画过渡到其他 slide（下一个或上一个）之后触发此事件。

参数
- swiper: any
返回 void

slideChangeTransitionStart

slideChangeTransitionStart(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:78
在动画过渡到其他 slide（下一个或上一个）开始时触发此事件。

参数
- swiper: any
返回 void

slideNextTransitionEnd

slideNextTransitionEnd(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:93
与 "slideChangeTransitionEnd" 相同，但仅适用于“向前”方向

参数
- swiper: any
返回 void

slideNextTransitionStart

slideNextTransitionStart(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:88
与 "slideChangeTransitionStart" 相同，但仅适用于“向前”方向

参数
- swiper: any
返回 void

slidePrevTransitionEnd

slidePrevTransitionEnd(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:103
与 "slideChangeTransitionEnd" 相同，但仅适用于“向后”方向

参数
- swiper: any
返回 void

slidePrevTransitionStart

slidePrevTransitionStart(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:98
与 "slideChangeTransitionStart" 相同，但仅适用于“向后”方向

参数
- swiper: any
返回 void

slideResetTransitionEnd

slideResetTransitionEnd(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:307
在将 slide 重置为当前 slide 的动画结束时触发此事件

参数
- swiper: any
返回 void

slideResetTransitionStart

slideResetTransitionStart(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:303
在将 slide 重置为当前 slide 的动画开始时触发此事件

参数
- swiper: any
返回 void

sliderFirstMove

sliderFirstMove(swiper: any, event: TouchEvent): void

- 定义于 swiper/types/swiper-events.d.ts:311
在第一次触摸/拖动移动时触发此事件

参数
- swiper: any
- event: TouchEvent
返回 void

sliderMove

sliderMove(swiper: any, event: MouseEvent | PointerEvent | TouchEvent): void

- 定义于 swiper/types/swiper-events.d.ts:133
当用户触摸并移动手指在 Swiper 上移动时触发此事件。接收 pointermove 事件作为参数。

参数
- swiper: any
- event: MouseEvent | PointerEvent | TouchEvent
返回 void

slidesGridLengthChange

slidesGridLengthChange(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:319
当 slides 网格发生变化时触发此事件

参数
- swiper: any
返回 void

slidesLengthChange

slidesLengthChange(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:315
当 slide 的数量发生变化时触发此事件

参数
- swiper: any
返回 void

slidesUpdated

slidesUpdated(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:69
在计算并更新 slide 及其尺寸后触发此事件

参数
- swiper: any
返回 void

snapGridLengthChange

snapGridLengthChange(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:323
当 snap 网格发生变化时触发此事件

参数
- swiper: any
返回 void

snapIndexChange

snapIndexChange(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:255
当 snap 索引更改时触发此事件

参数
- swiper: any
返回 void

tap

tap(swiper: any, event: MouseEvent | PointerEvent | TouchEvent): void

- 定义于 swiper/types/swiper-events.d.ts:148
当用户点击/轻触Swiper时将触发此事件。接收 pointerup 事件作为参数。

参数
- swiper: any
- event: MouseEvent | PointerEvent | TouchEvent
返回 void

toEdge

toEdge(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:173
当 Swiper 移动到起始或结束位置时触发此事件

参数
- swiper: any
返回 void

touchEnd

touchEnd(swiper: any, event: MouseEvent | PointerEvent | TouchEvent): void

- 定义于 swiper/types/swiper-events.d.ts:138
当用户释放 Swiper 时触发此事件。接收 pointerup 事件作为参数。

参数
- swiper: any
- event: MouseEvent | PointerEvent | TouchEvent
返回 void

touchMove

touchMove(swiper: any, event: MouseEvent | PointerEvent | TouchEvent): void

- 定义于 swiper/types/swiper-events.d.ts:123
当用户触摸并移动手指在 Swiper 上移动时触发此事件。接收 pointermove 事件作为参数。

参数
- swiper: any
- event: MouseEvent | PointerEvent | TouchEvent
返回 void

touchMoveOpposite

touchMoveOpposite(swiper: any, event: MouseEvent | PointerEvent | TouchEvent): void

- 定义于 swiper/types/swiper-events.d.ts:128
当用户触摸并在 Swiper 上朝与 direction 参数相反的方向移动手指时触发此事件。接收 pointermove 事件作为参数。

参数
- swiper: any
- event: MouseEvent | PointerEvent | TouchEvent
返回 void

touchStart

touchStart(swiper: any, event: MouseEvent | PointerEvent | TouchEvent): void

- 定义于 swiper/types/swiper-events.d.ts:118
当用户触摸 Swiper 时触发此事件。接收 pointerdown 事件作为参数。

参数
- swiper: any
- event: MouseEvent | PointerEvent | TouchEvent
返回 void

transitionEnd

transitionEnd(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:113
在过渡之后触发此事件。

参数
- swiper: any
返回 void

transitionStart

transitionStart(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:108
在过渡开始时触发此事件。

参数
- swiper: any
返回 void

unlock

unlock(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:335
当 Swiper 解锁时（启用 watchOverflow 时）触发此事件

参数
- swiper: any
返回 void

update

update(swiper: any): void

- 定义于 swiper/types/swiper-events.d.ts:327
在调用 swiper.update() 之后触发此事件

参数
- swiper: any
返回 void

层级

索引

方法

方法

可选 _beforeBreakpoint

参数

swiper: any

breakpointParams: any

返回 void

可选 _containerClasses

参数

swiper: any

classNames: string

返回 void

可选 _freeModeNoMomentumRelease

参数

swiper: any

返回 void

可选 _slideClass

参数

swiper: any

slideEl: HTMLElement

classNames: string

返回 void

可选 _slideClasses

参数

swiper: any

slides: { classNames: string; index: number; slideEl: HTMLElement }[]

返回 void

可选 _swiper

参数

swiper: any

返回 void

activeIndexChange

参数

swiper: any

返回 void

afterInit

参数

swiper: any

返回 void

beforeDestroy

参数

swiper: any

返回 void

beforeInit

参数

swiper: any

返回 void

beforeLoopFix

参数

swiper: any

返回 void

beforeResize

参数

swiper: any

返回 void

beforeSlideChangeStart

参数

swiper: any

返回 void

beforeTransitionStart

参数

swiper: any

speed: number

internal: any

返回 void

breakpoint

参数

swiper: any

breakpointParams: any

返回 void

changeDirection

参数

swiper: any

返回 void

click

参数

swiper: any

event: MouseEvent | PointerEvent | TouchEvent