touch.js 百度开源项目.

touch.js

在开发移动端的应用中会使用到很多的手势操作,例如一指拖动、两指旋转等等,为了方便开放者快速集成这些手势,在Clouda中内置了事件和手势库Library.touch,下面将详细的介绍如何使用Library.touch。

手势事件处理类API目前支持以下功能:

  • 事件配置
  • 事件代理
  • 事件绑定
  • 解除事件代理
  • 解除事件绑定
  • 触发事件

事件配置

touch.config(config) !!注意!! 这里官方文档坑爹

使用后发现浏览器控制台报错, touch.config is not a function.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var config = {
tap: true,
doubleTap: true,
tapMaxDistance: 10,
hold: true,
tapTime: 200,
holdTime: 650,
maxDoubleTapInterval: 300,
swipe: true,
swipeTime: 300,
swipeMinDistance: 18,
swipeFactor: 5,
drag: true,
pinch: true,
minScaleRate: 0,
minRotationAngle: 0
};

查阅源码得知, 压根儿不存在config这个function.
假设我这里需要设置关闭doubleTap事件, 写法应该为:

1
touch.config.doubleTap = false;

如果要批量配置的话:

1
2
3
4
5
6
7
touch.config = {
tap: true,
doubleTap: true,
tapMaxDistance: 10,
hold: true,
tapTime: 200,
holdTime: 650,

}
`

详细文档 详见touch.js

文章目录
  1. 1. touch.js
  2. 2. 事件配置
,