Jquery Mobile 中的Touch 事件如何获取滑动距离?

发布于 2022-09-02 11:34:48 字数 55 浏览 14 评论 0

我需要制作一个轮播图片,并且支持Touch操作滑动图片进行切换。
请问我如何获得滑动距离?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

最丧也最甜 2022-09-09 11:34:48

正确答案:
在start中设置 allmovewidth = 0;
在Move事件中 allmovewidth += Math.abs(nextplace - moveplace);
moveplace 为 touch.pageX
nextplace 为 上一次的moveplace,初始为0
allmovewidth 表示了滑动的距离

提笔落墨 2022-09-09 11:34:48
  1. 监听scrollStart 事件,事件触发的时候,记录初始坐标

  2. 监听scrollEnd 事件,事件触发的时候,记录结束坐标

  3. 计算坐标差即可知道滑动距离了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文