分享一个好用的触摸事件插件touchswipe

简介: 分享一个好用的触摸事件插件touchswipe
只需要引入jquery.touchSwipe.js就可以
下面是实例
//滑动事件
$("#main_scroll_id").swipe( {
    swipeStatus:function(event, phase, direction, distance, duration,fingerCount) {
        console.log("你用"+fingerCount+"个手指以"+duration+"秒的速度向" + direction + "滑动了" +distance+ "像素 " +"你在"+phase+"中");
    },
    swipe:function(event, direction, distance, duration, fingerCount) {
        console.log("你用"+fingerCount+"个手指以"+duration+"秒的速度向" + direction + "滑动了" +distance+ "像素 " );
    },
});
目录
相关文章
|
存储
uniApp监听左右滑动事件
uniApp监听左右滑动事件
483 0
|
存储 数据库 索引
Flutter笔记:滚动之-无限滚动与动态加载的实现(GetX简单状态管理版)
本文介绍Flutter中如何实无线滚动(基于GetX简单状态管理而非有状态组件)
134 0
|
17天前
|
容器
Flutter下拉刷新上拉加载的简单实现方式一
Flutter下拉刷新上拉加载的简单实现方式一
28 2
|
3月前
|
UED
Flutter之ListView实现自动滑动到底部
Flutter之ListView实现自动滑动到底部
209 1
|
6月前
uniapp滑动事件
uniapp滑动事件
460 0
|
小程序 开发者
wepy框架-触摸内容滑动组件使用步骤
wepy框架-触摸内容滑动组件使用步骤
45 0
|
JavaScript API 开发者
uniapp滚动加载 下拉刷新
在日常开发中,滚动加载和下拉刷新是非常常见的功能,页面数据过多时,需要滚动加载优化性能,本篇技术分享博客将介绍如何在uniapp中实现滚动加载和下拉刷新。至此,我们已经成功地实现了滚动加载和下拉刷新两种常见的移动端功能。大家可以进行扩充或者留言交流!通过以上示例代码,我们可以看到uniapp提供了非常方便的API来实现这些功能,使得开发者可以更加专注于业务逻辑的实现。
254 0
|
前端开发
Flutter 之列表下拉刷新和上拉加载
在实际的 App 中,下拉刷新和上滑加载更多是非常常见的交互形式。在 Flutter 中,有 flutter_easyrefresh开源插件用于实现下拉刷新和上滑加载更多。本篇介绍了有状态组件和 flutter_easyrefresh 的基本应用,同时使用模拟的方式完成了异步数据加载。
703 0
Flutter 之列表下拉刷新和上拉加载
|
前端开发 Android开发
Compose 事件分发(上) 寻找触摸点
Compose 事件分发(上) 寻找触摸点
258 0
Compose 事件分发(上) 寻找触摸点
|
JavaScript 前端开发 开发者
Js 功能-理解滑动手势事件 |学习笔记
快速学习 Js 功能-理解滑动手势事件
122 0