PC和移动端判断滑动方向

1. 有了思路并不难 ，多多思考；
2. 重点：需要知道鼠标点击的位置，以及位移的位置 ，只要得到了这两点进行对比就能知道方向。

            /**
             *  PC端
             *  pageX() 属性是鼠标指针的位置，相对于文档的左边缘
             *  pageY() 属性是鼠标指针的位置，相对于文档的上边缘
            */
            var startX, startY, moveEndX, moveEndY, moveX, moveY;
            $("元素").mousedown(function(e){
                e.preventDefault();     //取消事件的默认动作。
                startX = e.pageX,         //记录鼠标按下时，距整个body的距离
                startY = e.pageY;         
                $(this).mousemove(function(e){
                    e.preventDefault();     //取消事件的默认动作。
                    moveEndX = e.pageX,       //记录鼠标移动后，距整个body的距离
                    moveEndY = e.pageY;
                    //移动后，进行比较
                    moveX = moveEndX - startX,      
                    moveY = moveEndY - startY;
                    if( moveX > 0 ){ console.log("向右") }else{ console.log("向左") }
                    if( moveY < 0 ){ console.log("向上") }else{ console.log("向下") }
                })
            }).mouseup(function(){
                //移除所有 此 元素上的 mousemove 事件：
                $(this).off("mousemove")
            })




			
            /**
             *  移动端 
             * touches: 当前屏幕上所有触摸点的列表;
             * targetTouches: 当前对象上所有触摸点的列表;
             *  changedTouches: 涉及当前(引发)事件的触摸点的列表
             */
            var startX, startY, moveEndX, moveEndY, moveX, moveY;
            $("元素").on("touchstart", function(e) {
        　　　　e.preventDefault();     //取消事件的默认动作。
        　　　　startX = e.originalEvent.changedTouches[0].pageX || e.targetTouches[0].pageX,
        　　　　startY = e.originalEvent.changedTouches[0].pageY || e.targetTouches[0].pageY;
        　　});
        　　$("元素").on("touchmove", function(e) {
        　　　　e.preventDefault();     //取消事件的默认动作。
        　　　　moveEndX = e.originalEvent.changedTouches[0].pageX || e.targetTouches[0].pageX,
        　　　　moveEndY = e.originalEvent.changedTouches[0].pageY || e.targetTouches[0].pageY;
        　　　　moveX = moveEndX - startX,
        　　　　moveY = moveEndY - startY;

                if( moveX > 0 ){ console.log("向右") }else{ console.log("向左") }
                if( moveY < 0 ){ console.log("向上") }else{ console.log("向下") }
        　　});