没有合适的资源?快使用搜索试试~ 我知道了~
jQuery.touchswipe插件1
需积分: 0 0 下载量 139 浏览量
2022-08-08
20:39:17
上传
评论
收藏 50KB DOCX 举报
温馨提示
试读
5页
2、监听多个手指收缩还是外张 3、支持单手指或双手指触摸事件 4、支持单击事件touchSwipe对象和它的子对象 5、可定义临界值和最大时间来判断手势的实际滑
资源详情
资源评论
资源推荐
TouchSwipe 一款专门为移动设备设计的 jquery 插件,用于监听单个和多个手指触摸等事件。
一、特点:
1、监听滑动的 4 个方向:上、下、左、右;
2、监听多个手指收缩还是外张;
3、支持单手指或双手指触摸事件;
4、支持单击事件 touchSwipe 对象和它的子对象;
5、可定义临界值和最大时间来判断手势的实际滑动;
6、滑动事件有 4 个触发点:“开始”,“移动”,“结束”和“取消”;
7、结束事件可以在触摸释放或是达到临界值时触发;
8、允许手指刷和页面滚屏;
9、可禁止用户通过输入元素(如:按钮、表单、文本框等)触发事件;
二、安装
1、NPM
· npm install jquery-touchswipe --save
2、Bower
bower install jquery-touchswipe --save
3、将压缩文件添加到你的项目里
<script src="js/jquery.touchSwipe.min.js" type="text/javascript"></script>
4、使用
$(function() { $("#test").swipe( { //Generic swipe handler for all directions
swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
$(this).text("You swiped " + direction ); } }); //Set some options later $("#test").swipe(
{fingers:2} ); });
三、Methods(方法)
1、swipe:初始化
例子:$("#element").swipe({
//给 id 为 element 的容器触摸滑动监听事件
daidaiyijiu
- 粉丝: 13
- 资源: 322
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 部署yolov8的tensorrt模型支持检测分割姿态估计的C++源码+部署步骤.zip
- 以简单、易用、高性能为目标、开源的时序数据库,支持Linux及Windows, Time Series Database.zip
- python-leetcode面试题解之第198题打家劫舍-题解.zip
- python-leetcode面试题解之第191题位1的个数-题解.zip
- python-leetcode面试题解之第186题反转字符串中的单词II-题解.zip
- 一个基于python的web后端高性能开发框架,下载可用
- python-leetcode面试题解之第179题最大数-题解.zip
- python-leetcode面试题解之第170题两数之和III数据结构设计-题解.zip
- python-leetcode面试题解之第168题Excel表列名称-题解.zip
- python-leetcode面试题解之第167题两数之和II输入有序数组-题解.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0