码迷,mamicode.com
首页 > 其他好文 > 详细

touch 方向判断方法

时间:2018-01-17 00:08:06      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:tde   tom   efault   tar   eve   prevent   event   move   star   

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");
        }
});

touch 方向判断方法

标签:tde   tom   efault   tar   eve   prevent   event   move   star   

原文地址:https://www.cnblogs.com/richardcastle/p/8297400.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!