zoukankan      html  css  js  c++  java
  • touch 方向判断方法

    touch :touchstart、touchend、touchmove

    $("body").on("touchstart", function(e) {
            e.preventDefault();
            startX = e.originalEvent.changedTouches[0].pageX,
            startY = e.originalEvent.changedTouches[0].pageY;
    });
    
    $("body").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 ( Math.abs(X) > Math.abs(Y) && X > 0 ) {
                alert("left2 right");
            } else if ( Math.abs(X) > Math.abs(Y) && X < 0 ) {
                alert("right2 left");
            }else if ( Math.abs(Y) > Math.abs(X) && Y > 0) {
                alert("top2 bottom");
            }else if ( Math.abs(Y) > Math.abs(X) && Y < 0 ) {
                alert("bottom2 top");
            }else{
                alert("justtouch");
            }
    });
  • 相关阅读:
    设计模式
    Java Volatile 关键字详解
    设计模式
    设计模式
    java 希尔排序
    java 插入排序
    java 选择排序
    java 枚举
    codeforces 915D Almost Acyclic Graph 拓扑排序
    TYVJ 1728 普通平衡树
  • 原文地址:https://www.cnblogs.com/richardcastle/p/8297400.html
Copyright © 2011-2022 走看看