v-touch API
Modifiers
Custom modifier keys that can be used to configure directive behavior. | ||
Value
{
parent: boolean
options: AddEventListenerOptions
start: (
wrapperEvent: { originalEvent: TouchEvent } & {
touchstartX: number
touchstartY: number
touchmoveX: number
touchmoveY: number
touchendX: number
touchendY: number
offsetX: number
offsetY: number
},
) => void
end: (
wrapperEvent: { originalEvent: TouchEvent } & {
touchstartX: number
touchstartY: number
touchmoveX: number
touchmoveY: number
touchendX: number
touchendY: number
offsetX: number
offsetY: number
},
) => void
move: (
wrapperEvent: { originalEvent: TouchEvent } & {
touchstartX: number
touchstartY: number
touchmoveX: number
touchmoveY: number
touchendX: number
touchendY: number
offsetX: number
offsetY: number
},
) => void
left: (wrapper: {
touchstartX: number
touchstartY: number
touchmoveX: number
touchmoveY: number
touchendX: number
touchendY: number
offsetX: number
offsetY: number
}) => void
right: (wrapper: {
touchstartX: number
touchstartY: number
touchmoveX: number
touchmoveY: number
touchendX: number
touchendY: number
offsetX: number
offsetY: number
}) => void
up: (wrapper: {
touchstartX: number
touchstartY: number
touchmoveX: number
touchmoveY: number
touchendX: number
touchendY: number
offsetX: number
offsetY: number
}) => void
down: (wrapper: {
touchstartX: number
touchstartY: number
touchmoveX: number
touchmoveY: number
touchendX: number
touchendY: number
offsetX: number
offsetY: number
}) => void
}
The value is always an object. The start, end, move, left, right, up and down functions can be used to invoke a function when the corresponding touch action occurs. If the parent option attaches the touch listeners to the parent element instead of the element the directive is used on. The options object is described here.