资源分类

TouchSwipe一款专门为移动设备设计的jquery插件，用于监听单个和多个手指触摸等事件。

jquery-touchswipe特点：

1、监听滑动的4个方向：上、下、左、右；

2、监听多个手指收缩还是外张；

3、支持单手指或双手指触摸事件；

4、支持单击事件touchSwipe对象和它的子对象；

5、可定义临界值和最大时间来判断手势的实际滑动；

6、滑动事件有4个触发点：“开始”,“移动”,“结束”和“取消”；

7、结束事件可以在触摸释放或是达到临界值时触发；

8、允许手指刷和页面滚屏；

9、可禁止用户通过输入元素（如：按钮、表单、文本框等）触发事件；

jquery-touchswipe安装

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} );
});

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/1473