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

 时间:2026-04-21 15:43:31

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 手指向下滑动执行函数方法

  • 肉三鲜馅饼的做法
  • 2020今日头条发财中国年怎么快速集齐
  • 四川面条的调料配方
  • 微信活动小游戏之摇钱树游戏怎么做
  • 盖板涵施工技术交底
  • 热门搜索
    浙江金华旅游 金门旅游攻略 庙湾岛旅游攻略 浙江安吉旅游攻略 武汉市旅游局 上海城隍庙旅游攻略 东莞有哪些旅游景点 牡丹江旅游局 江苏舜天海外旅游有限公司 日本旅游景点介绍