zepto判断左右滑动

最新推荐文章于 2021-07-01 12:04:08 发布

Jredreamer

最新推荐文章于 2021-07-01 12:04:08 发布

阅读量1.1w

点赞数

分类专栏： Web前端

本文链接：https://blog.csdn.net/zhang_Red/article/details/44278373

版权

Web前端专栏收录该内容

85 篇文章 0 订阅

订阅专栏

var startPosition, endPosition, deltaX, deltaY, moveLength;
        $(".content").bind('touchstart', function(e){
            var touch = e.touches[0];
            startPosition = {
                x: touch.pageX,
                y: touch.pageY
            }
        }) .bind('touchmove', function(e){
            var touch = e.touches[0];
            endPosition = {
                x: touch.pageX,
                y: touch.pageY
            };

            deltaX = endPosition.x - startPosition.x;
            deltaY = endPosition.y - startPosition.y;
            moveLength = Math.sqrt(Math.pow(Math.abs(deltaX), 2) + Math.pow(Math.abs(deltaY), 2));
        }).bind('touchend', function(e){
            if(deltaX < 0) { // 向左划动
                console.log("向左划动");
            } else if (deltaX > 0) { // 向右划动
                console.log("向右划动");
            }
        });