uniapp上下左右滑动事件及使用案例一、前言 简述 通过触摸事件判定开始结束的偏移方向和值,以此达到监听上下左右滑动事
一、前言
简述
- 通过
触摸事件
判定开始结束的偏移方向和值
,以此达到监听上下左右滑动事件
的目的 - 核心事件:
touchstart(开始触摸)
、touchend(结束触摸)
应用场景 ↓
- 切换tab
- 切换页面
- 切换步骤
- 加载新数据
- 刷新页面
- 弹窗
- 提示
- ......
二、实用案例及代码注释解析
touchstart
:手指触摸屏幕时触发,即使已经有手指在屏幕上也会触发。touchend
:手指从屏幕时移开时触发。
案例一、tab或步骤切换
案例二、切换页面及可交互场景
转载自:https://juejin.cn/post/7413629661501554740