文档章节

touchjs中,touch的使用

 鞠荣超
发布于 2017/07/13 17:57
字数 593
阅读 44
收藏 0

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触发时调用

© 著作权归作者所有

粉丝 0
博文 3
码字总数 2392
作品 0
私信 提问
zepto,touchjs中的swipeLeft和swipeRight每次都被执行2次?

zepto,touchjs中的swipeLeft和swipeRight每次都被执行2次? 左滑动,和右滑动每次都被执行2次,好奇怪啊,调了一下午了。 就是做一个图片展示,在手机上面左滑动和右滑动展示,不知道为什么...

Valar丶Morghulis
2015/09/13
2.3K
0
(译)在ViewGroup中处理Touch Events

(译)在ViewGroup中处理Touch Events 杨辉的个人博客2013-10-1689 阅读 处理touch 在一个中处理touch events需要格外注意。因为在里面有着各种要处理不同touch events的子view,这是很常见的。...

杨辉的个人博客
2013/10/16
0
0
解决触屏网页开发中图片、Canvas等元素在点触过程中闪动问题

大家应该会注意到触屏手机包括Android、iPhone都一样,手机网页中在点击(Touch)时候,图片就会瞬间变色,像是蒙上一层颜色,表示你已经点中(Touch)了该元素,但PC中鼠标就不会使用该效果...

boystudio
2013/07/20
360
2
Android中处理Touch Icon的方案

苹果的Touch Icon相对我们都比较熟悉,是苹果为了支持网络应用(或者说网页)添加到桌面需要的图标,有了这些Touch Icon的网页链接更加和Native应用更相像了。由于苹果设备IPod,IPhone,IPad...

mlskesa
2015/01/27
302
1
苹果的3D Touch技术为何惨淡收场?

9月21日消息,苹果的3D Touch功能为什么会惨淡收场呢?外媒Hackernoon从用户体验的角度分析了其中的原因,称该技术实用性不强,没有给iPhone的交互方式带来任何改进,而且与iPhone原有的轻触...

程序师
2018/09/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

佳博标签打印问题-

由于网页打印不行,要么sdk 写成activex,这样浏览器支持又有局限。 因此,采用客户端编写打印服务启动,定时轮询服务端打印队列,从服务的获取打印队列进行打印。 服务端web 点击打印,讲打...

mellen
29分钟前
3
0
Jmeter利用JMXMon插件监控服务器JVM情况

1、Jmeter下载JMXMon插件 2、Jmeter 添加 JMXMon请求 远程监控JVM状态需要在JVM启动时候加上一段参数才行,在tomcat bin目录下找到catalina.sh 在# OS specific support. $var _must_ be set...

覃光林
30分钟前
3
0
Qt编写安防视频监控系统(界面很漂亮)

一、前言 视频监控系统在整个安防领域,已经做到了烂大街的程序,全国起码几百家公司做过类似的系统,当然这一方面的需求量也是非常旺盛的,各种定制化的需求越来越多,尤其是这几年借着人脸...

飞扬青云
35分钟前
3
0
Python的requests库中的Put方式使用

1.后端接口 @PutMapping public ResponseEntity<MyObject> putMyObject( @RequestBody MyObject myObject) { ... } Put请求参数在请求体里面。 1.前端请求 import requestsimpo......

亚林瓜子
36分钟前
1
0
全站加速(DCDN)- IP应用加速产品解读

5月22日下午15点,阿里云全站加速(DCDN)-IP应用加速如期发布。IP应用加速是阿里云自主研发的一款更高效、更安全、更便捷的动态加速产品,结合阿里云CDN本身的资源优势,利用就近接入、智能...

迷你芊宝宝
39分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部