touch.js – 移动设备上的手势识别与事件库

Touch.js 是移动设备上的手势识别与事件库, 由百度云clouda团队维护,也是在百度内部广泛使用的开发工具
touch.js手势库专为移动设备设计。
Touch.js对于网页设计师来说,是一款不错的辅助工具,可以减少很多写框架控制器的时间。
网页合理使用Touch.js不但能增加网页的美观感,而且在节约时间,减少人力投入也有极大的帮助。

Touch.js官网: HTTPs://www.awesomes.cn/repo/Clouda-team/touchjs
github:https://github.com/Clouda-team/touchjs
加载CND库:<script src="http://code.baidu.com/touch-0.2.14.min.js"></script>
官方API:http://cloudajs.org/docs/step4_API_Documentation#h2_7

1、事件绑定

touch.on(element, tyPEs, callback)
参数
事件绑定方法,根据参数区分事件绑定和事件代理。

参数名概述
element类型element或string, 元素对象、选择器
types类型string ,事件的类型(多为手势事件),可接受多个事件以空格分开;支持原生事件的透传
callback类型function, 事件处理函数, 移除函数与绑定函数必须为同一引用

2、部分手势事件

touch.js - 移动设备上的手势识别与事件库
touch.js - 移动设备上的手势识别与事件库
touch.js - 移动设备上的手势识别与事件库

3、部分事件处理函数

touchstart //手指刚接触屏幕时触发
touchmove //手指在屏幕上移动时触发
touchend//手指从屏幕上移开时触发

4、事件配置

功能描述:
对手势事件库进行全局配置。

参数描述:

  • config为一个对象

更多资料请参考:官方API
http://cloudajs.org/docs/step4_API_Documentation#h2_7

未经允许不得转载:一点博客-青梅煮码-共享博客 » touch.js – 移动设备上的手势识别与事件库
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏