TOUCH.JS手势操作,例如一指拖动、两指旋
基本事件: touchstart //手指刚接触屏幕时触发 touchmove //手指在屏幕上移动时触发 touchend //手指从屏幕上移开时触发 touchcancel //触摸过程被系统取消时触发(少用) 一、事件绑定(常用,重要)touch.on( element, types, callback ); 功能描述:事件绑定方法,根据参数区分事件绑定和事件代理。 参数描述:
公共 》旋转rotate
》滑动swiper
》拖动drag
》单击tap,双击doubletap,长按hold
touch.on('#target', 'hold tap doubletap', function(ev){ }//多个手势同个效果,用空格隔开即可
-----------------------------------------------------------------------------------------------------------------------------------------------
二、事件配置
touch.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 ); 功能描述:事件代理方法。 参数描述:
四、解除事件代理、解除事件绑定touch.off( delegateElement, types, selector, callback )//解除某元素上的事件代理。 touch.off( element, types, callback )//解除某元素上的事件绑定,根据参数区分事件绑定和事件代理。 五、触发事件touch.trigger(element, type); 功能描述:触发某个元素上的某事件。 参数描述:同上 |