下载地址

https://github.com/Clouda-team/touch.code.baidu.com

快速预览

//swipe exampletouch.on('.target', 'swipeleft swiperight', function(ev){
    console.log("you have done", ev.type);
});

Note

Touch.js是移动设备上的手势识别与事件库, 由百度云Clouda团队维护，也是在百度内部广泛使用的开发工具.

Touch.js的代码已托管于github并开源，希望能帮助国内更多的开发者学习和开发出优秀的App产品.

Touch.js手势库专为移动设备设计, 请在Webkit内核浏览器中使用.

Touch

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

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

• 事件配置

• 事件代理

• 事件绑定

• 解除事件代理

• 解除事件绑定

• 触发事件

事件配置

touch.config(config)

功能描述：

对手势事件库进行全局配置。

参数描述：

• config为一个对象

  {
      tap: true,                  //tap类事件开关, 默认为true
      doubleTap: true,            //doubleTap事件开关， 默认为true
      hold: true,                 //hold事件开关, 默认为true
      holdTime: 650,              //hold时间长度
      swipe: true,                //swipe事件开关
      swipeTime: 300,             //触发swipe事件的最大时长
      swipeMinDistance: 18,       //swipe移动最小距离
      swipeFactor: 5,             //加速因子, 值越大变化速率越快
      drag: true,                 //drag事件开关
      pinch: true,                //pinch类事件开关}

事件代理

touch.on( delegateElement, types, selector, callback );

功能描述：

事件代理方法。

参数描述：

**

手势事件类型

**

支持的手势事件类型：

更多使用实例请参考http://code.baidu.com

**

事件对象

**

事件处理函数的第一个参数为事件对象，除了原生属性之外，百度手势库还提供了部分新属性。

以下为手势新增的属性：

事件绑定

touch.on( element, types, callback );

功能描述：

事件绑定方法，根据参数区分事件绑定和事件代理。

参数描述：

解除事件代理

touch.off( delegateElement, types, selector, callback )

功能描述：

解除某元素上的事件代理。

参数描述：

解除事件绑定

touch.off( element, types, callback )

功能描述：

解除某元素上的事件绑定，根据参数区分事件绑定和事件代理。

参数描述：

触发事件

touch.trigger(element, type);

功能描述：

触发某个元素上的某事件。

参数描述：