h5 手指向下滑动执行函数方法

时间:2024-10-17 19:10:14

1、处理用户滑动的事件主要用到:touchstart、touchend、tou罕铞泱殳chmove。touchstart:当用户在触摸平面上放置了一个触点时触发。事件的目标element将是触点位置上的那个目标elementtouchend:当一个触点被用户从触摸平面上移除(当用户将一个手指离开触摸平面)时触发。当触点移出触摸平面的边界时也将触发。例如用户将手指划出屏幕边缘。touchmove:当用户在触摸平面上移动触点时触发。事件的目标element和这个touchmove事件对应的touchstart 事件的目标element相同,哪怕当touchmove事件触发时,触点已经移出了该element。

2、判断用户向下滑动,即手指在 y 轴上下移动,并且方向是从上到下,那么此时可以根据最开始touchstart 出现的点, 到touchend 点的 y 轴的距离,判断移动了多少。可以使用e.touches[0].pageY 获取对应的值。如果你是用的 jquery,此时可以让页面相应的移动,$(dom).stop().animate({ top: 距离 }, 1000)

h5 手指向下滑动执行函数方法
© 手抄报圈