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

2025-09-28 07:46:29

1、处理用户滑动的事件主要用到:touchstart、touchend、touchmove。

touchstart:当用户在触摸平面上放置了一个触点时触发。事件的目标 element 将是触点位置上的那个目标 element

touchend:当一个触点被用户从触摸平面上移除(当用户将一个手指离开触摸平面)时触发。当触点移出触摸平面的边界时也将触发。例如用户将手指划出屏幕边缘。

touchmove:当用户在触摸平面上移动触点时触发。事件的目标 element 和这个 touchmove 事件对应的 touchstart 事件的目标 element 相同,哪怕当 touchmove 事件触发时,触点已经移出了该 element 。

2、判断用户向下滑动,即手指在 y 轴上下移动,并且方向是从上到下,那么此时可以根据最开始 touchstart 出现的点, 到 touchend 点的 y 轴的距离,判断移动了多少。可以使用 e.touches[0].pageY 获取对应的值。

如果你是用的 jquery,此时可以让页面相应的移动,$(dom).stop().animate({ top: 距离 }, 1000)

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢