SwiperRef | Swiper - v12.0.1

层级

HTMLAttributes<HTMLElement>
- SwiperRef

索引

属性

可选关于

关于: 字符串

可选访问键

accessKey: string

可选 aria-活动后代

aria-活动后代: 字符串

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

可选 aria-原子

aria-原子: 布尔值

指示辅助技术是根据 aria-relevant 属性定义的更改通知来呈现更改区域的全部内容，还是只呈现部分内容。

可选 aria-自动完成

aria-自动完成: "list" | "none" | "inline" | "both"

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

可选 aria-忙碌

aria-忙碌: 布尔值

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

可选 aria-已选中

aria-已选中: 布尔值 | "true" | "false" | "mixed"

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

参见: aria-pressed @see aria-selected。

可选 aria-列数

aria-列数: 数字

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

参见: aria-colindex。

可选 aria-列索引

aria-列索引: 数字

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

参见: aria-colcount @see aria-colspan。

可选 aria-列跨度

aria-列跨度: 数字

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

参见: aria-colindex @see aria-rowspan。

可选 aria-控件

aria-控件: 字符串

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

参见: aria-owns。

可选 aria-当前

指示代表容器或相关元素集中当前项目的元素。

可选 aria-描述者

aria-描述者: 字符串

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

参见: aria-labelledby

可选 aria-详情

aria-详情: 字符串

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

参见: aria-describedby。

可选 aria-禁用

aria-禁用: 布尔值

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

参见: aria-hidden @see aria-readonly。

可选 aria-拖放效果

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

已弃用: 在 ARIA 1.1 中

可选 aria-错误信息

aria-错误信息: 字符串

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

参见: aria-invalid @see aria-describedby。

可选 aria-已展开

aria-已展开: 布尔值

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

可选 aria-流向

aria-流向: 字符串

标识内容备用阅读顺序中的下一个元素（或多个元素），用户可酌情允许辅助技术覆盖按文档源顺序阅读的一般默认行为。

可选 aria-已抓取

aria-已抓取: 布尔值

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

已弃用: 在 ARIA 1.1 中

可选 aria-有弹出菜单

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

可选 aria-隐藏

aria-隐藏: 布尔值

指示元素是否暴露给辅助功能 API。

参见: aria-disabled。

可选 aria-无效

aria-无效: 布尔值 | "true" | "false" | "grammar" | "spelling"

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

参见: aria-errormessage。

可选 aria-快捷键

aria-快捷键: 字符串

指示作者为激活或聚焦元素而实现的键盘快捷键。

可选 aria-标签

aria-标签: 字符串

定义标识当前元素的字符串值。

参见: aria-labelledby。

可选 aria-标签化

aria-标签化: 字符串

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

参见: aria-describedby。

可选 aria-级别

aria-级别: 数字

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

可选 aria-实时

aria-实时: "off" | "assertive" | "polite"

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

可选 aria-模态

aria-模态: 布尔值

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

可选 aria-多行

aria-多行: 布尔值

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

可选 aria-多选

aria-多选: 布尔值

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

可选 aria-方向

aria-方向: "horizontal" | "vertical"

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

可选 aria-拥有

aria-拥有: 字符串

标识一个或多个元素，以定义 DOM 元素之间的视觉、功能或上下文父/子关系，而 DOM 层次结构不能用于表示此关系。

参见: aria-controls。

可选 aria-占位符

aria-占位符: 字符串

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

可选 aria-位置索引

aria-位置索引: 数字

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

参见: aria-setsize。

可选 aria-已按下

aria-已按下: 布尔值 | "true" | "false" | "mixed"

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

参见: aria-checked @see aria-selected。

可选 aria-只读

aria-只读: 布尔值

指示元素不可编辑，但可以操作。

参见: aria-disabled。

可选 aria-相关

指示当实时区域内的辅助功能树被修改时，用户代理将触发哪些通知。

参见: aria-atomic。

可选 aria-必填

aria-必填: 布尔值

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

可选 aria-角色描述

aria-角色描述: 字符串

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

可选 aria-行数

aria-行数: 数字

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

参见: aria-rowindex。

可选 aria-行索引

aria-行索引: 数字

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

参见: aria-rowcount @see aria-rowspan。

可选 aria-行跨度

aria-行跨度: 数字

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

参见: aria-rowindex @see aria-colspan。

可选 aria-已选择

aria-已选择: 布尔值

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

参见: aria-checked @see aria-pressed。

可选 aria-集合大小

aria-集合大小: 数字

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

参见: aria-posinset。

可选 aria-排序

aria-排序: "none" | "ascending" | "descending" | "other"

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

可选 aria-最大值

aria-最大值: 数字

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

可选 aria-最小值

aria-最小值: 数字

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

可选 aria-当前值

aria-当前值: 数字

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

参见: aria-valuetext。

可选 aria-值文本

aria-值文本: 字符串

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

可选自动大写

自动大写: 字符串

可选自动更正

自动更正: 字符串

可选自动聚焦

自动聚焦: 布尔值

可选自动保存

自动保存: 字符串

可选子级

子级: ReactNode

可选类名

className: string

可选颜色

颜色: 字符串

可选内容

内容: 字符串

可选内容可编辑

内容可编辑: 布尔值 | "inherit"

可选上下文菜单

上下文菜单: 字符串

可选危险地设置内部HTML

危险地设置内部HTML: { __html: 字符串 | TrustedHTML }

类型声明

__html: 字符串 | TrustedHTML

可选数据类型

数据类型: 字符串

可选默认选中

默认选中: 布尔值

可选默认值

默认值: 字符串 | 数字 | 只读字符串[]

可选方向

dir: string

可选可拖拽

可拖拽: 布尔值

可选隐藏

hidden: boolean

可选 ID

id: string

可选在列表中

在列表中: 任意类型

可选 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