admin管理员组

文章数量:829187

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相关位置信息, 不同的操作产生不同的位置信息
distanceswipe类两点之间的位移
distanceX, x手势事件x方向的位移值, 向左移动时为负数
distanceY, y手势事件y方向的位移值, 向上移动时为负数
anglerotate事件触发时旋转的角度
durationtouchstart 与 touchend之间的时间戳
factorswipe事件加速度因子
startRotate启动单指旋转方法,在某个元素的touchstart触发时调用

转载于:

本文标签: touchjs中,touch的使用