美文网首页
移动端判断左滑动还是右滑动

移动端判断左滑动还是右滑动

作者: 记录学习生活 | 来源:发表于2021-01-08 12:02 被阅读0次
    <view class="page" @touchstart="start" @touchend="end"></view>
    start(e){
        this.startData.clientX=e.changedTouches[0].clientX;
        this.startData.clientY=e.changedTouches[0].clientY;
        console.log(e)
    },
    end(e){
        const subX=e.changedTouches[0].clientX-this.startData.clientX;
        const subY=e.changedTouches[0].clientY - this.startData.clientY;
        if(subY>50 || subY<-50){
            console.log('上下滑')
        }else{
             if(subX>100){
                console.log('右滑')
                console.log(e)
             }else if(subX<-100){
                console.log('左滑')
                console.log(e)
              }else{
                 console.log('无效')
              }
          }
      }
    

    相关文章

      网友评论

          本文标题:移动端判断左滑动还是右滑动

          本文链接:https://www.haomeiwen.com/subject/hiaxaktx.html