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

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

阅读 5.3k
2 个回答

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

  1. 监听scrollStart 事件,事件触发的时候,记录初始坐标

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题