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

touchjs中，touch的使用相关推荐

vue 多个click_vue中touch和click共存的解决方式
在vue开发手机端项目时,我们经常会遇到touch和click共存的情况,比如城市选择页面的字母滑动 touch事件在手机端会触发浏览器滑动,所以应给touch事件添加阻止默认行为touchmove. ...
Android中Touch事件分析--解决HorizontalScrollView滑动和按钮事件触发问题
1).按下按钮,不滑动,触发按钮功能 (2).按下按钮,滑动触发滑动事件这里的按下包含长按和短按情况首先要解决这个问题需要明白Android中的Touch事件是如何进行处理的,这里有一篇文章:An ...
linux命令touch意思,Linux中touch命令的作用是什么
Linux中touch命令的作用是什么发布时间:2021-03-12 16:12:58 来源:亿速云阅读:123 作者:Leah 本篇文章为大家展示了Linux中touch命令的作用是什么,内容简 ...
linux中touch命令含义,Linux中touch命令起什么作用呢？
摘要: 下文讲述Linux中touch命令的功能说明,如下所示: touch命令功能: 其功能为: 1.创建一个空文件 2.修改已存在文件的时间戳属性 touch命令的语法格式: touch [参数] ...
linux中touch命令含义,Linux中的touch命令的详细解释
Linux下的touch命令是用来干嘛的呢?小编告诉你它是修改文件或目录的时间属性,下面由学习啦小编为大家整理了linux下的touch命令的详细解释,希望对大家有帮助! Linux中的touch命令 ...
linux中touch命令的作用,Linux中touch命令的作用是什么
今天微子网络向你展示了触摸命令在Linux中的功能.内容简洁易懂,一定会让你眼前一亮.希望通过这篇文章的详细介绍,你能有所收获. linux的Touch命令不常用,但在使用make时可能会用到,mak ...
Android 中Touch（触屏）事件传递机制
版本:2.0 日期:2014.3.21 2014.3.29 版权:© 2014 kince 转载注明出处一.基本概念在实际开发中,经常会遇到与触屏事件有关的问题,最典型的一个就是滑动冲突.比如在使 ...
CCLayer中Touch事件(Standard Touch Delegate Targeted Touch Delegate)
http://blog.csdn.net/davintanger/article/details/6836143 Cocos2d 开发中提供了两种touch处理方式,Standard Touch De ...
iOS开发中Touch ID的使用
从2013年的iPhone 5s开始苹果就引入了Touch ID,之后Touch ID基本上成了苹果设备的标配,iOS 8起,开发者就可以调用API在自己的应用中添加Touch ID验证功能了,国内常 ...

touchjs中，touch的使用

touchjs中，touch的使用相关推荐

最新文章

热门文章