Skip to content

useTouch

useTouch(): Object

触摸事件相关数据和方法,参考 Vant

返回值

Object

相关数据和操作方法

NameType
deltaX{ value: number = 0 }
deltaX.valuenumber
deltaY{ value: number = 0 }
deltaY.valuenumber
direction{ value: string = '' }
direction.valuestring
isHorizontal() => boolean
isTap{ value: boolean = true }
isTap.valueboolean
isVertical() => boolean
move(event: TouchEvent) => void
offsetX{ value: number = 0 }
offsetX.valuenumber
offsetY{ value: number = 0 }
offsetY.valuenumber
reset() => void
start(event: TouchEvent) => void
startX{ value: number = 0 }
startX.valuenumber
startY{ value: number = 0 }
startY.valuenumber

deltaX: { value: number = 0 }

-


deltaX.value: number

-


deltaY: { value: number = 0 }

-


deltaY.value: number

-


direction: { value: string = '' }

-


direction.value: string

-


isHorizontal: () => boolean

判断是否是水平方向


isTap: { value: boolean = true }

-


isTap.value: boolean

-


isVertical: () => boolean

判断是否是垂直方向


move: (event: TouchEvent) => void

触摸移动事件处理函数


offsetX: { value: number = 0 }

-


offsetX.value: number

-


offsetY: { value: number = 0 }

-


offsetY.value: number

-


reset: () => void

重置触摸状态


start: (event: TouchEvent) => void

触摸开始事件处理函数


startX: { value: number = 0 }

-


startX.value: number

-


startY: { value: number = 0 }

-


startY.value: number

-


源码

use-touch.js