微信小游戏判断移动距离

最新推荐文章于 2022-10-31 10:50:41 发布

不善主动的新吖

最新推荐文章于 2022-10-31 10:50:41 发布

阅读量727

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/mushui0633/article/details/80511896

// 触摸开始位置和移动位置
let startY=undefined,moveY=0
// 触摸移动时间
wx.onTouchMove(event=>{
  console.log(event)
if(rankingStatus){
  // 触摸移动位置
  let touche=event.touches[0]
  // 触摸移动第一次触发是记录开始位置 需要加上之前移动的位置
  if(startY===undefined){
    startY=touche.clientY+moveY
  }
  // 当前移动的位置
  moveY=startY-touche.clientY
  // 绘制排行榜详细
  drawRankingItems(moveY)
}
})

// 触摸移除事件
wx.onTouchEnd(event=>{
  if(rankingStatus){
    // 开始位置置空
    startY=undefined
    // 触摸移除位置
    let touche=event.changedTouches[0]

    // 判断当前移动的位置
    if(moveY<0){
      // 到顶了
      moveY=0
    }else if(moveY>itemCanvas.height-590){
      // 到底了
      moveY=itemCanvase.height-590
    }
    // 绘制详细排行榜
    drawRankingItems(moveY)
  }
})