Gesture 组件

手势组件，用于监听和处理触摸事件，包括触摸开始、移动、结束和取消。

支持平台

安卓	ios	web	微信小程序	支付宝小程序	QQ小程序
√	√	√	x	x	x

示例

<template>
	<t-page title="手势">
		<t-card title="Gesture 手势" class='mltr.30' sub-title="组件返回
			tuiTouchstart,
			tuiTouchmove,
			tuiTouchend,
			tuiTouchcancel事件
			主要解决PC端不支持touchMove事件,避免了适配WEB端大量的条件渲染">
		</t-card>
		<introduction title="演示-兼容PC端">
			<t-drag class="fl-plr.30-ffww-ff-facs-fbsb-fjcb-tdp">
				<t-drag-item v-for="i in 16" :key='i' class="tdr-tdb-w.150-h.150-fc-mb.20">
					<t-text>{{i-1}}</t-text>
				</t-drag-item>
			</t-drag>
		</introduction>
	</t-page>
</template>
<script setup>

</script>

Props

名称	描述	类型	默认值	可选值

Events

事件名	描述	回调参数	版本
tuiTouchstart	触摸开始事件	TuiTouchEvent	-
tuiTouchmove	触摸移动事件	TuiTouchEvent	-
tuiTouchend	触摸结束事件	TuiTouchEvent	-
tuiTouchcancel	触摸取消事件	TuiTouchEvent	-

Methods

方法名	说明	参数
getRect	获取触摸事件的矩形信息	e: UniTouchEvent
onTouchmove	处理触摸移动事件	e: UniTouchEvent
onTouchstart	处理触摸开始事件	e: UniTouchEvent
onTouchend	处理触摸结束事件	e: UniTouchEvent
onTouchcancel	处理触摸取消事件	e: UniTouchEvent
onPcTouchmove	处理PC上的触摸移动事件（仅在Web环境中）	e: UniMouseEvent
onPcTouchend	处理PC上的触摸结束事件（仅在Web环境中）	e: UniMouseEvent
onMousedown	处理鼠标按下事件（仅在Web环境中）	e: UniMouseEvent

Slots

名称	描述
default	Gesture 组件提供了一个默认插槽，用于放置子元素。