Appearance
useTouch
▸ useTouch(): Object
触摸事件相关数据和方法,参考 Vant
返回值
Object
相关数据和操作方法
Name | Type |
---|---|
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 |
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
-