QuoJS 中文文档

最新推荐文章于 2024-03-14 11:39:50 发布

九木旭

最新推荐文章于 2024-03-14 11:39:50 发布

阅读量701

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/xdprintf/article/details/49558891

版权

QuoJS 是一个支持多种手势的库，包括 Tap、Double-Tap、Hold、Swipe 和 Drag 等。通过选择器和事件处理函数，可以方便地为元素添加手势响应。例如，为 p 标签内的 span 设置点击事件，改变字体颜色。此外，还提供了 CSS 操作方法和 DOM 元素操作方法。示例代码展示了如何监听滑动事件。

摘要由CSDN通过智能技术生成

quojs支持的手势
Tap 触摸
Single Tap 轻轻点击（个人觉得和tap差不多）
Double-Tap 双击
Hold 长按
2xFingers Tap 双指触摸
2xFingers Double-Tap 双指双击
Swipe Up 上滑
Swipe Right 右滑
Swipe Down 下滑
Swipe Left 左滑
Swipe 滑动
Drag 双指推动（官方说是上推）
Rotate Left 左旋
Rotate Right 右旋转
Rotate 旋转
Pinch Out
Pinch 双指由内向外（放大）
Fingers 貌似是缩小

具体的可以去看官方的图示
http://quojs.tapquo.com/

如何使用呢？

选择器
普通选择器
// 选择所有的p标签里面的span元素
$$('span', 'p');
//当p标签被点击时让p标签内的span元素的字体颜色变为红色
$$('p').tap(function() {
// 选择该标签的所有span元素
$$('span', this).style('color', 'red');
});
//可以使用传统的css选择器（很大很大一部分的css3选择器就不支持了）
$$('p > span').html('tapquo').style('color', 'blue');

遍历方法