jQuery&触摸/移动:在向左/向右滑动时执行功能

时间:2012-02-19 15:17:11

标签: javascript jquery ios touch swipe

如果移动用户向右滑动另一个功能,如果他向右滑动,我怎样才能让jQuery / JavaScript执行jQuery-Function?

如果用户向左/向右滑动,我喜欢将scrollLeft和scrollRight设置为某个位置。我正在为带有键盘导航槽的左/右箭头的桌面做同样的工作。现在我需要在触摸设备上滑动一样。

(如果可能,没有jQuery Mobile或其他附加库)

2 个答案:

答案 0 :(得分:2)

好的,这是一个很长的答案,但值得:

jQuery (Swipe vs. Touch) pageX and pageY keep returning 0

希望有所帮助

答案 1 :(得分:1)

使用以下某些事件,您可以确定滑动的方向

  • touchstart:手指放在屏幕上时发生
  • touchend:手指从屏幕上移除时发生
  • touchmove:当已经放在屏幕上的手指在屏幕上移动时发生
  • touchcancel:在手指实际从屏幕上移除之前取消触摸时发生

touchstart上记录x,y位置,再在touchend上记录,并确定滑动的方向