示例

import Touch from '@forzoom/touch';
Vue.component('Touch', Touch);

功能模块

TouchHub

负责处理touch事件，并且判断当前应该触发何种事件

API

onTouchDown(cb)

• 功能: 注册touch-down事件回调
• 参数:
  • {Function} cb

onTouchUp(cb)

• 功能: 注册touch-up事件回调
• 参数:
  • {Function} cb

onTouchMove(cb)

• 功能: 注册touch-move事件回调
• 参数:
  • {Function} cb

onTouchSlide(cb)

• 功能: 注册touch-slide事件回调
• 参数:
  • {Function} cb

onTouchFling(cb)

• 功能: 注册touch-fling事件回调
• 参数:
  • {Function} cb

work(active)

• since: 0.0.6
• 功能: 启动或停止TouchHub
• 参数:
  • {Boolean} active

组件

Touch

Touch是vue组件

Props

名称	说明	值	默认	版本
coordinate	主要检测轴向	'x'/'y'	'x'	since 0.0.8

事件

名称	说明	参数
touch-down	点击按下	{startPos, currentPos}
touch-up	点击抬起	{startPos, currentPos}
touch-move	每次滑动	{x, y}
touch-slide	总体滑动	{startPos, currentPos}
touch-fling	总体快速滑动	{startPos, currentPos, speed}

Roadmap

1. 尝试Karma