收藏
回答

touchStart 和 touchEnd 的 使用疑问?

 商品列表 ,既有上下滑动 也有左右滑动 。左右滑动用的是 touchStart 和 touchEnd

原理是:记录 touchStart 起始点的 X和 Y坐标 然后 记录 touchEnd起始点的 X和 Y坐标 两者比较判断是否满足滑动。

在真机测试的时候 发现 一个很有趣的事情 滑动结束的时候 两者的Y坐标相差无几 ,即使动作幅度很大 也是如此。仅仅Y坐标,X坐标正常。

出现这种情况的时候 画面都是随着手指有移动的现象。

所以我猜测 是因为画面随着手指一起移动 ,Y坐标其实没有变化 。 不管我的动作幅度有多大 ,touchEnd所记录的坐标 其实就是我的起始坐标,因为页面已经随着我的手指一起移动。而ttouchStart 和 touchEnd记录的都是页面的坐标位置 。

所以 用touchStart 和 touchEnd 来做左右滑动 此路不通 。我用的是华为畅玩7做的测试 。其他机型没试过。

所以准备变通一下 。

并向各位请教 上下滑和左右滑 都实现的话 用什么来做?





回答关注问题邀请回答
收藏

1 个回答

  • 武曲心
    武曲心
    2022-04-26

    用touch事件实现,可触面积过大的话要考虑上下滑动是否会影响列表的滚动

    2022-04-26
    有用
    回复 1
    • 雅歌
      雅歌
      发表于小程序端
      2022-04-27

      不太懂你的意思。我最后搞了三个参数来做判断:touch的x,y坐标和滚动条位置,实测效果基本满意。至于我在问题中提到的,y坐标随着页面滑动失效的问题,真的没有听别人提起过,我实测中确实存在。

      2022-04-27
      回复
登录 后发表内容