touchjs中，touch的使用

1对 touch.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类事件开关
}

 2：（1）事件代理：touch.on( delegateElement,types,selector,callback);            （2）事件绑定：touch.on(element,type,callback)

      （3）解除事件代理：touch.off( delegateElement, types, selector, callback )    （4）解除事件绑定：touch.off(element,type,callback)

      （5）触发事件：touch.trigger(element, type);

         delegateElement  :  代理元素或者是  选择器；

         types                   :  代理的事件，接受冒泡；

         selector              ： 代理子元素；

        callback              ：回调处理函数

       element               ：事件元素

3：手势事件类型                                                                                           

分类	参数	描述
缩放	pinchstart	缩放手势起点
pinchend	缩放手势终点
pinch	缩放手势
pinchin	收缩
pinchout	放大
旋转	rotateleft	向左旋转
rotateright	向右旋转
rotate	旋转
滑动	swipestart	滑动手势起点
swiping	滑动中
swipeend	滑动手势终点
swipeleft	向左滑动
swiperight	向右滑动
swipeup	向上滑动
swipedown	向下滑动
swipe	滑动
拖动开始	dragstart	拖动屏幕
拖动	drag	拖动手势
拖动结束	dragend	拖动屏幕
拖动	drag	拖动手势
长按	hold	长按屏幕
敲击	tap	单击屏幕
doubletap	双击屏幕

 

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

以下为手势新增的属性：

属性	描述
originEvent	触发某事件的原生对象
type	事件的名称
rotation	旋转角度
scale	缩放比例
direction	操作的方向属性
fingersCount	操作的手势数量
position	相关位置信息, 不同的操作产生不同的位置信息
distance	swipe类两点之间的位移
distanceX, x	手势事件x方向的位移值, 向左移动时为负数
distanceY, y	手势事件y方向的位移值, 向上移动时为负数
angle	rotate事件触发时旋转的角度
duration	touchstart 与 touchend之间的时间戳
factor	swipe事件加速度因子
startRotate	启动单指旋转方法，在某个元素的touchstart触发时调用

转载于:https://my.oschina.net/u/3553449/blog/1359374