likes
comments
collection
share

uniapp上下左右滑动事件及使用案例一、前言 简述 通过触摸事件判定开始结束的偏移方向和值,以此达到监听上下左右滑动事

作者站长头像
站长
· 阅读数 135

一、前言

简述

  • 通过触摸事件判定开始结束的偏移方向和值,以此达到监听上下左右滑动事件的目的
  • 核心事件:touchstart(开始触摸)touchend(结束触摸)

应用场景 ↓

  • 切换tab
  • 切换页面
  • 切换步骤
  • 加载新数据
  • 刷新页面
  • 弹窗
  • 提示
  • ......

二、实用案例及代码注释解析

  • touchstart:手指触摸屏幕时触发,即使已经有手指在屏幕上也会触发。
  • touchend:手指从屏幕时移开时触发。

案例一、tab或步骤切换

案例二、切换页面及可交互场景

转载自:https://juejin.cn/post/7413629661501554740
评论
请登录