判断移动端滑动

// 移动端开始
/*判断手机端滑动*/
    $("body").on("touchstart", function (e) {
        startX = e.originalEvent.changedTouches[0].pageX,
        startY = e.originalEvent.changedTouches[0].pageY;
    });
    $("body").on("touchend", function (e) {
        // 判断默认行为是否可以被禁用
        //这段有代码的话，会阻止冒泡，你页面中body内元素的其他动作都执行不了了
        // if (e.cancelable) {
        // 判断默认行为是否已经被禁用
        // if (!e.defaultPrevented) {
        //   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('左往右滑');
        }
        //右滑
        else if (X < 0) {
            console.log('右往左滑');
        }
        //下滑
        else if (Y > 0) {
            console.log('下滑');
        }
        //上滑
        else if (Y < 0) {
            console.log('上滑');
        }
        //单击
        else {
            console.log('单击');
        }
    });
    // 移动端滑动结束