zoukankan      html  css  js  c++  java
  • PC和移动端判断鼠标(手指)滑动方向(touch方向)

    //移动端
    $(".demo").on("touchstart", function(e) {
        e.preventDefault();
        startX = e.originalEvent.changedTouches[0].pageX,
        startY = e.originalEvent.changedTouches[0].pageY;
      });
      $(".demo").on("touchmove", function(e) {
        e.preventDefault();
        moveEndX = e.originalEvent.changedTouches[0].pageX,
        moveEndY = e.originalEvent.changedTouches[0].pageY,
        X = moveEndX - startX,
        Y = moveEndY - startY;
    
        if ( X > 0 ) {
          console.log("left -> right");
        }else{
          console.log("right -> left");
        }
       });
    
    
    //pc端
    $(".demo").mousedown(function(e){
        e.preventDefault();
        startX=e.pageX;
        startY=e.pageY;
        $(this).mousemove(function(e){
            e.preventDefault();
            moveEndX=e.pageX;
            moveEndY=e.pageY;
    
            X=moveEndX-startX;
            Y=moveEndY-startY;
            if(X>0){
                console.log("left -> right");
            }else{
                console.log("right -> left");
            }
        })
    }).mouseup(function(){
        $(this).off("mousemove")
    })
    ————————————————
    版权声明:本文为CSDN博主「刘白超」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/qq_25252769/java/article/details/78928600
    

      

  • 相关阅读:
    drf 反序列化
    drf学习 第一天 序列化器
    flex学习之作用在items上的属性
    flex学习之align-content
    flex学习之flex-wrap
    flex学习之align-itmes
    flex弹性盒子中jstify-content
    将主机变为服务器,ssh连接出现access denied
    为什么用tensor不用array?
    深度学习之Epoch、Batch、Iteration
  • 原文地址:https://www.cnblogs.com/shaozhu520/p/12725493.html
Copyright © 2011-2022 走看看