SwiperRef | Swiper - v11.2.0

层次结构

HTMLAttributes<HTMLElement>
- SwiperRef

索引

属性

可选 about

about: string

可选 accessKey

accessKey: string

可选 aria-activedescendant

aria-activedescendant: string

当 DOM 焦点位于复合小部件、文本框、组或应用程序上时，标识当前活动的元素。

可选 aria-atomic

aria-atomic: Booleanish

指示辅助技术将根据 aria-relevant 属性定义的更改通知呈现所有更改的区域还是仅呈现部分更改的区域。

可选 aria-autocomplete

aria-autocomplete: "list" | "none" | "inline" | "both"

指示输入文本是否会触发显示一个或多个对用户输入框预期值的预测，并指定如果进行预测将如何呈现。

可选 aria-busy

aria-busy: Booleanish

指示元素正在被修改，并且辅助技术可能需要等待修改完成，然后再将其暴露给用户。

可选 aria-checked

aria-checked: boolean | "true" | "false" | "mixed"

指示复选框、单选按钮和其他小部件的当前“选中”状态。

另请参阅: aria-pressed @see aria-selected.

可选 aria-colcount

aria-colcount: number

定义表、网格或树网格中的总列数。

另请参阅: 另请参阅aria-colindex。

可选 aria-colindex

aria-colindex: number

定义元素相对于表、网格或树网格中总列数的列索引或位置。

另请参阅: 另请参阅aria-colcount @see aria-colspan。

可选 aria-colspan

aria-colspan: number

定义表、网格或树网格中单元格或网格单元格跨越的列数。

另请参阅: 另请参阅aria-colindex @see aria-rowspan。

可选 aria-controls

aria-controls: string

标识其内容或存在受当前元素控制的元素（或多个元素）。

另请参阅: 另请参阅aria-owns。

可选 aria-current

指示表示容器或一组相关元素中当前项的元素。

可选 aria-describedby

aria-describedby: string

标识描述该对象的元素（或多个元素）。

另请参阅: 另请参阅aria-labelledby

可选 aria-details

aria-details: string

标识为对象提供详细扩展描述的元素。

另请参阅: 另请参阅aria-describedby。

可选 aria-disabled

aria-disabled: Booleanish

指示元素是可感知的，但已禁用，因此不可编辑或以其他方式操作。

另请参阅: 另请参阅aria-hidden @see aria-readonly。

aria-dropeffect: "copy" | "link" | "none" | "execute" | "move" | "popup"

指示当拖动的对象在放置目标上释放时可以执行的功能。

已弃用: 在 ARIA 1.1 中

可选 aria-errormessage

aria-errormessage: string

标识为对象提供错误消息的元素。

另请参阅: aria-invalid @see aria-describedby.

可选 aria-expanded

aria-expanded: Booleanish

指示该元素或其控制的另一个分组元素当前是展开还是折叠状态。

可选 aria-flowto

aria-flowto: string

标识内容备选阅读顺序中的下一个元素（或多个元素），用户可自行决定是否允许辅助技术覆盖文档源顺序中读取的一般默认值。

可选 aria-grabbed

aria-grabbed: Booleanish

指示元素在拖放操作中的“抓取”状态。

已弃用: 在 ARIA 1.1 中

可选 aria-haspopup

指示可由元素触发的交互式弹出元素（如菜单或对话框）的可用性和类型。

可选 aria-hidden

aria-hidden: Booleanish

指示元素是否暴露给可访问性 API。

另请参阅: aria-disabled.

可选 aria-invalid

aria-invalid: boolean | "true" | "false" | "grammar" | "spelling"

指示输入的值不符合应用程序期望的格式。

另请参阅: aria-errormessage.

可选 aria-keyshortcuts

aria-keyshortcuts: string

指示作者已实现以激活元素或使元素获得焦点的键盘快捷键。

可选 aria-label

aria-label: string

定义一个字符串值，用于标记当前元素。

另请参阅: aria-labelledby.

可选 aria-labelledby

aria-labelledby: string

标识标记当前元素的元素（或多个元素）。

另请参阅: 另请参阅aria-describedby。

可选 aria-level

aria-level: number

定义结构中元素的层次级别。

可选 aria-live

aria-live: "off" | "assertive" | "polite"

指示元素将更新，并描述用户代理、辅助技术和用户可以从活动区域预期获得的更新类型。

可选 aria-modal

aria-modal: Booleanish

指示元素在显示时是否为模态。

可选 aria-multiline

aria-multiline: Booleanish

指示文本框是接受多行输入还是仅接受单行输入。

可选 aria-multiselectable

aria-multiselectable: Booleanish

指示用户可以从当前可选的后代中选择多个项目。

可选 aria-orientation

aria-orientation: "horizontal" | "vertical"

指示元素的朝向是水平、垂直还是未知/模糊。

可选 aria-owns

aria-owns: string

标识元素（或多个元素），以便在 DOM 层次结构无法用于表示关系时定义 DOM 元素之间的视觉、功能或上下文父/子关系。

另请参阅: aria-controls.

可选 aria-placeholder

aria-placeholder: string

定义一个简短的提示（一个单词或短语），旨在帮助用户在控件没有值时进行数据输入。提示可以是示例值或预期格式的简短描述。

可选 aria-posinset

aria-posinset: number

定义元素在当前列表项或树项集中的编号或位置。如果集合中的所有元素都存在于 DOM 中，则不是必需的。

另请参阅: aria-setsize.

可选 aria-pressed

aria-pressed: boolean | "true" | "false" | "mixed"

指示切换按钮的当前“按下”状态。

另请参阅: aria-checked @see aria-selected.

可选 aria-readonly

aria-readonly: Booleanish

指示元素不可编辑，但在其他方面可操作。

另请参阅: aria-disabled.

可选 aria-relevant

指示在活动区域内的可访问性树被修改时，用户代理将触发哪些通知。

另请参阅: aria-atomic.

可选 aria-required

aria-required: Booleanish

指示在提交表单之前需要在元素上进行用户输入。

可选 aria-roledescription

aria-roledescription: string

定义元素角色的可读作者本地化描述。

可选 aria-rowcount

aria-rowcount: number

定义表格、网格或树网格中的总行数。

另请参阅: aria-rowindex.

可选 aria-rowindex

aria-rowindex: number

定义元素相对于表格、网格或树网格中总行数的行索引或位置。

另请参阅: aria-rowcount @see aria-rowspan.

可选 aria-rowspan

aria-rowspan: number

定义表格、网格或树网格中单元格或网格单元格跨越的行数。

另请参阅: aria-rowindex @see aria-colspan.

可选 aria-selected

aria-selected: Booleanish

指示各种小部件的当前“选定”状态。

另请参阅: aria-checked @see aria-pressed.

可选 aria-setsize

aria-setsize: number

定义当前列表项或树形项集合中的项目数。如果集合中的所有元素都存在于 DOM 中，则不需要此属性。

另请参阅: aria-posinset。

可选 aria-sort

aria-sort: "none" | "ascending" | "descending" | "other"

指示表格或网格中的项目是否按升序或降序排序。

可选 aria-valuemax

aria-valuemax: number

定义范围小部件允许的最大值。

可选 aria-valuemin

aria-valuemin: number

定义范围小部件允许的最小值。

可选 aria-valuenow

aria-valuenow: number

定义范围小部件的当前值。

另请参阅: aria-valuetext。

可选 aria-valuetext

aria-valuetext: string

定义范围小部件的 aria-valuenow 的人类可读文本替代方案。

可选 autoCapitalize

autoCapitalize: string

可选 autoCorrect

autoCorrect: string

可选 autoFocus

autoFocus: boolean

可选 autoSave

autoSave: string

可选 children

children: ReactNode

可选 className

className: string

可选 color

color: string

可选 content

content: string

可选 contentEditable

contentEditable: Booleanish | "inherit"

可选 contextMenu

contextMenu: string

可选 dangerouslySetInnerHTML

dangerouslySetInnerHTML: { __html: string | TrustedHTML }

类型声明

__html: string | TrustedHTML

可选 datatype

datatype: string

可选 defaultChecked

defaultChecked: boolean

可选 defaultValue

defaultValue: string | number | readonly string[]

可选 dir

dir: string

可选 draggable

draggable: Booleanish

可选 hidden

hidden: boolean

可选 id

id: string

可选 inlist

inlist: any

可选 inputMode

提示用户在编辑元素或其内容时可能输入的数据类型

另请参阅: https://html.whatwg.cn/multipage/interaction.html#input-modalities:-the-inputmode-attribute

可选 is

is: string

指定标准 HTML 元素应表现为定义的自定义内置元素

另请参阅: https://html.whatwg.cn/multipage/custom-elements.html#attr-is

可选 itemID

itemID: string

可选 itemProp

itemProp: string

可选 itemRef

itemRef: string

可选 itemScope

itemScope: boolean

可选 itemType

itemType: string

可选 lang

lang: string

可选 nonce

nonce: string

可选 onAbort

onAbort: ReactEventHandler<HTMLElement>

可选 onAbortCapture

onAbortCapture: ReactEventHandler<HTMLElement>

可选 onAnimationEnd

onAnimationEnd: AnimationEventHandler<HTMLElement>

可选 onAnimationEndCapture

onAnimationEndCapture: AnimationEventHandler<HTMLElement>

可选 onAnimationIteration

onAnimationIteration: AnimationEventHandler<HTMLElement>

可选 onAnimationIterationCapture

onAnimationIterationCapture: AnimationEventHandler<HTMLElement>

可选 onAnimationStart

onAnimationStart: AnimationEventHandler<HTMLElement>

可选 onAnimationStartCapture

onAnimationStartCapture: AnimationEventHandler<HTMLElement>

可选 onAuxClick

onAuxClick: MouseEventHandler<HTMLElement>

可选 onAuxClickCapture

onAuxClickCapture: MouseEventHandler<HTMLElement>

可选 onBeforeInput

onBeforeInput: FormEventHandler<HTMLElement>

可选 onBeforeInputCapture

onBeforeInputCapture: FormEventHandler<HTMLElement>

可选 onBlur

onBlur: FocusEventHandler<HTMLElement>

可选 onBlurCapture

onBlurCapture: FocusEventHandler<HTMLElement>

可选 onCanPlay

onCanPlay: ReactEventHandler<HTMLElement>

可选 onCanPlayCapture

onCanPlayCapture: ReactEventHandler<HTMLElement>

可选 onCanPlayThrough

onCanPlayThrough: ReactEventHandler<HTMLElement>

可选 onCanPlayThroughCapture

onCanPlayThroughCapture: ReactEventHandler<HTMLElement>

可选 onChange

onChange: FormEventHandler<HTMLElement>

可选 onChangeCapture

onChangeCapture: FormEventHandler<HTMLElement>

可选 onClick

onClick: MouseEventHandler<HTMLElement>

可选 onClickCapture

onClickCapture: MouseEventHandler<HTMLElement>

可选 onCompositionEnd

onCompositionEnd: CompositionEventHandler<HTMLElement>

可选 onCompositionEndCapture

onCompositionEndCapture: CompositionEventHandler<HTMLElement>

可选 onCompositionStart

onCompositionStart: CompositionEventHandler<HTMLElement>

可选 onCompositionStartCapture

onCompositionStartCapture: CompositionEventHandler<HTMLElement>

可选 onCompositionUpdate

onCompositionUpdate: CompositionEventHandler<HTMLElement>

可选 onCompositionUpdateCapture

onCompositionUpdateCapture: CompositionEventHandler<HTMLElement>

可选 onContextMenu

onContextMenu: MouseEventHandler<HTMLElement>

可选 onContextMenuCapture

onContextMenuCapture: MouseEventHandler<HTMLElement>

可选 onCopy

onCopy: ClipboardEventHandler<HTMLElement>

可选 onCopyCapture

onCopyCapture: ClipboardEventHandler<HTMLElement>

可选 onCut

onCut: ClipboardEventHandler<HTMLElement>

可选 onCutCapture

onCutCapture: ClipboardEventHandler<HTMLElement>

可选 onDoubleClick

onDoubleClick: MouseEventHandler<HTMLElement>

可选 onDoubleClickCapture

onDoubleClickCapture: MouseEventHandler<HTMLElement>

可选 onDrag

onDrag: DragEventHandler<HTMLElement>

可选 onDragCapture

onDragCapture: DragEventHandler<HTMLElement>

可选 onDragEnd

onDragEnd: DragEventHandler<HTMLElement>

可选 onDragEndCapture

onDragEndCapture: DragEventHandler<HTMLElement>

可选 onDragEnter

onDragEnter: DragEventHandler<HTMLElement>

可选 onDragEnterCapture

onDragEnterCapture: DragEventHandler<HTMLElement>

可选 onDragExit

onDragExit: DragEventHandler<HTMLElement>

可选 onDragExitCapture

onDragExitCapture: DragEventHandler<HTMLElement>

可选 onDragLeave

onDragLeave: DragEventHandler<HTMLElement>

可选 onDragLeaveCapture

onDragLeaveCapture: DragEventHandler<HTMLElement>

可选 onDragOver

onDragOver: DragEventHandler<HTMLElement>

可选 onDragOverCapture

onDragOverCapture: DragEventHandler<HTMLElement>

可选 onDragStart

onDragStart: DragEventHandler<HTMLElement>

可选 onDragStartCapture

onDragStartCapture: DragEventHandler<HTMLElement>

可选 onDrop

onDrop: DragEventHandler<HTMLElement>

可选 onDropCapture

onDropCapture: DragEventHandler<HTMLElement>

可选 onDurationChange

onDurationChange: ReactEventHandler<HTMLElement>

可选 onDurationChangeCapture

onDurationChangeCapture: ReactEventHandler<HTMLElement>

可选 onEmptied

onEmptied: ReactEventHandler<HTMLElement>

可选 onEmptiedCapture

onEmptiedCapture: ReactEventHandler<HTMLElement>

可选 onEncrypted

onEncrypted: ReactEventHandler<HTMLElement>

可选 onEncryptedCapture

onEncryptedCapture: ReactEventHandler<HTMLElement>

可选 onEnded

onEnded: ReactEventHandler<HTMLElement>

可选 onEndedCapture

onEndedCapture: ReactEventHandler<HTMLElement>

可选 onError

onError: ReactEventHandler<HTMLElement>

可选 onErrorCapture

onErrorCapture: ReactEventHandler<HTMLElement>

可选 onFocus

onFocus: FocusEventHandler<HTMLElement>

可选 onFocusCapture

onFocusCapture: FocusEventHandler<HTMLElement>

可选 onGotPointerCapture

onGotPointerCapture: PointerEventHandler<HTMLElement>

可选 onGotPointerCaptureCapture

onGotPointerCaptureCapture: PointerEventHandler<HTMLElement>

可选 onInput

onInput: FormEventHandler<HTMLElement>

可选 onInputCapture

onInputCapture: FormEventHandler<HTMLElement>

可选 onInvalid

onInvalid: FormEventHandler<HTMLElement>

可选 onInvalidCapture

onInvalidCapture: FormEventHandler<HTMLElement>

可选 onKeyDown

onKeyDown: KeyboardEventHandler<HTMLElement>

可选 onKeyDownCapture

onKeyDownCapture: KeyboardEventHandler<HTMLElement>

可选 onKeyPress

onKeyPress: KeyboardEventHandler<HTMLElement>

已弃用

可选 onKeyPressCapture

onKeyPressCapture: KeyboardEventHandler<HTMLElement>

已弃用

可选 onKeyUp

onKeyUp: KeyboardEventHandler<HTMLElement>

可选 onKeyUpCapture

onKeyUpCapture: KeyboardEventHandler<HTMLElement>

可选 onLoad

onLoad: ReactEventHandler<HTMLElement>

可选 onLoadCapture

onLoadCapture: ReactEventHandler<HTMLElement>

可选 onLoadStart

onLoadStart: ReactEventHandler<HTMLElement>

可选 onLoadStartCapture

onLoadStartCapture: ReactEventHandler<HTMLElement>

可选 onLoadedData

onLoadedData: ReactEventHandler<HTMLElement>

可选 onLoadedDataCapture

onLoadedDataCapture: ReactEventHandler<HTMLElement>

可选 onLoadedMetadata

onLoadedMetadata: ReactEventHandler<HTMLElement>

可选 onLoadedMetadataCapture

onLoadedMetadataCapture: ReactEventHandler<HTMLElement>

可选 onLostPointerCapture

onLostPointerCapture: PointerEventHandler<HTMLElement>

可选 onLostPointerCaptureCapture

onLostPointerCaptureCapture: PointerEventHandler<HTMLElement>

可选 onMouseDown

onMouseDown: MouseEventHandler<HTMLElement>

可选 onMouseDownCapture

onMouseDownCapture: MouseEventHandler<HTMLElement>

可选 onMouseEnter

onMouseEnter: MouseEventHandler<HTMLElement>

可选 onMouseLeave

onMouseLeave: MouseEventHandler<HTMLElement>

可选 onMouseMove

onMouseMove: MouseEventHandler<HTMLElement>

可选 onMouseMoveCapture

onMouseMoveCapture: MouseEventHandler<HTMLElement>

可选 onMouseOut

onMouseOut: MouseEventHandler<HTMLElement>

可选 onMouseOutCapture

onMouseOutCapture: MouseEventHandler<HTMLElement>

可选 onMouseOver

onMouseOver: MouseEventHandler<HTMLElement>

可选 onMouseOverCapture

onMouseOverCapture: MouseEventHandler<HTMLElement>

可选 onMouseUp

onMouseUp: MouseEventHandler<HTMLElement>

可选 onMouseUpCapture

onMouseUpCapture: MouseEventHandler<HTMLElement>

可选 onPaste

onPaste: ClipboardEventHandler<HTMLElement>

可选 onPasteCapture

onPasteCapture: ClipboardEventHandler<HTMLElement>

可选 onPause

onPause: ReactEventHandler<HTMLElement>

可选 onPauseCapture

onPauseCapture: ReactEventHandler<HTMLElement>

可选 onPlay

onPlay: ReactEventHandler<HTMLElement>

可选 onPlayCapture

onPlayCapture: ReactEventHandler<HTMLElement>

可选 onPlaying

onPlaying: ReactEventHandler<HTMLElement>

可选 onPlayingCapture

onPlayingCapture: ReactEventHandler<HTMLElement>

可选 onPointerCancel

onPointerCancel: PointerEventHandler<HTMLElement>

可选 onPointerCancelCapture

onPointerCancelCapture: PointerEventHandler<HTMLElement>

可选 onPointerDown

onPointerDown: PointerEventHandler<HTMLElement>

可选 onPointerDownCapture

onPointerDownCapture: PointerEventHandler<HTMLElement>

可选 onPointerEnter

onPointerEnter: PointerEventHandler<HTMLElement>

可选 onPointerEnterCapture

onPointerEnterCapture: PointerEventHandler<HTMLElement>

可选 onPointerLeave

onPointerLeave: PointerEventHandler<HTMLElement>

可选 onPointerLeaveCapture

onPointerLeaveCapture: PointerEventHandler<HTMLElement>

可选 onPointerMove

onPointerMove: PointerEventHandler<HTMLElement>

可选 onPointerMoveCapture

onPointerMoveCapture: PointerEventHandler<HTMLElement>

可选 onPointerOut

onPointerOut: PointerEventHandler<HTMLElement>

可选 onPointerOutCapture

onPointerOutCapture: PointerEventHandler<HTMLElement>

可选 onPointerOver

onPointerOver: PointerEventHandler<HTMLElement>

可选 onPointerOverCapture

onPointerOverCapture: PointerEventHandler<HTMLElement>

可选 onPointerUp

onPointerUp: PointerEventHandler<HTMLElement>

可选 onPointerUpCapture

onPointerUpCapture: PointerEventHandler<HTMLElement>

可选 onProgress

onProgress: ReactEventHandler<HTMLElement>

可选 onProgressCapture

onProgressCapture: ReactEventHandler<HTMLElement>

可选 onRateChange

onRateChange: ReactEventHandler<HTMLElement>

可选 onRateChangeCapture

onRateChangeCapture: ReactEventHandler<HTMLElement>

可选 onReset

onReset: FormEventHandler<HTMLElement>

可选 onResetCapture

onResetCapture: FormEventHandler<HTMLElement>

可选 onResize

onResize: ReactEventHandler<HTMLElement>

可选 onResizeCapture

onResizeCapture: ReactEventHandler<HTMLElement>

可选 onScroll

onScroll: UIEventHandler<HTMLElement>

可选 onScrollCapture

onScrollCapture: UIEventHandler<HTMLElement>

可选 onSeeked

onSeeked: ReactEventHandler<HTMLElement>

可选 onSeekedCapture

onSeekedCapture: ReactEventHandler<HTMLElement>

可选 onSeeking

onSeeking: ReactEventHandler<HTMLElement>

可选 onSeekingCapture

onSeekingCapture: ReactEventHandler<HTMLElement>

可选 onSelect

onSelect: ReactEventHandler<HTMLElement>

可选 onSelectCapture

onSelectCapture: ReactEventHandler<HTMLElement>

可选 onStalled

onStalled: ReactEventHandler<HTMLElement>

可选 onStalledCapture

onStalledCapture: ReactEventHandler<HTMLElement>

可选 onSubmit

onSubmit: FormEventHandler<HTMLElement>

可选 onSubmitCapture

onSubmitCapture: FormEventHandler<HTMLElement>

可选 onSuspend

onSuspend: ReactEventHandler<HTMLElement>

可选 onSuspendCapture

onSuspendCapture: ReactEventHandler<HTMLElement>

可选 onTimeUpdate

onTimeUpdate: ReactEventHandler<HTMLElement>

可选 onTimeUpdateCapture

onTimeUpdateCapture: ReactEventHandler<HTMLElement>

可选 onTouchCancel

onTouchCancel: TouchEventHandler<HTMLElement>

可选 onTouchCancelCapture

onTouchCancelCapture: TouchEventHandler<HTMLElement>

可选 onTouchEnd

onTouchEnd: TouchEventHandler<HTMLElement>

可选 onTouchEndCapture

onTouchEndCapture: TouchEventHandler<HTMLElement>

可选 onTouchMove

onTouchMove: TouchEventHandler<HTMLElement>

可选 onTouchMoveCapture

onTouchMoveCapture: TouchEventHandler<HTMLElement>

可选 onTouchStart

onTouchStart: TouchEventHandler<HTMLElement>

可选 onTouchStartCapture

onTouchStartCapture: TouchEventHandler<HTMLElement>

可选 onTransitionEnd

onTransitionEnd: TransitionEventHandler<HTMLElement>

可选 onTransitionEndCapture

onTransitionEndCapture: TransitionEventHandler<HTMLElement>

可选 onVolumeChange

onVolumeChange: ReactEventHandler<HTMLElement>

可选 onVolumeChangeCapture

onVolumeChangeCapture: ReactEventHandler<HTMLElement>

可选 onWaiting

onWaiting: ReactEventHandler<HTMLElement>

可选 onWaitingCapture

onWaitingCapture: ReactEventHandler<HTMLElement>

可选 onWheel

onWheel: WheelEventHandler<HTMLElement>

可选 onWheelCapture

onWheelCapture: WheelEventHandler<HTMLElement>

可选 placeholder

placeholder: string

可选 prefix

prefix: string

可选 property

property: string

可选 radioGroup

radioGroup: string

可选 rel

rel: string

可选 resource

resource: string

可选 results

results: number

可选 rev

rev: string

可选 role

role: AriaRole

可选 security

security: string

可选 slot

slot: string

可选 spellCheck

spellCheck: Booleanish

可选 style

style: CSSProperties

可选 suppressContentEditableWarning

suppressContentEditableWarning: boolean

可选 suppressHydrationWarning

suppressHydrationWarning: boolean

swiper

swiper: any

可选 tabIndex

tabIndex: number

可选 title

title: string

可选 translate

translate: "yes" | "no"

可选 typeof

typeof: string

可选 unselectable

unselectable: "on" | "off"

可选 vocab

vocab: string