1. // 开始按下手机的起点坐标
    2. var startPoint = null;
    3. document.addEventListener("touchstart",function(e){
    4. var e = e||window.event;
    5. startPoint = e.touches[0];
    6. })
    7. document.addEventListener("touchend",function(e){
    8. var e=e||window.event;
    9. //e.changedTouches能找到离开手机的手指,返回的是一个数组
    10. var endPoint = e.changedTouches[0];
    11. //计算终点与起点的差值
    12. var x = endPoint.clientX - startPoint.clientX;
    13. var y = endPoint.clientY - startPoint.clientY;
    14. //设置滑动距离的参考值
    15. var d = 10;
    16. if(Math.abs(x)>d){
    17. if(x>0){
    18. console.log("向右滑动");
    19. }else{
    20. console.log("向左滑动");
    21. }
    22. }
    23. if(Math.abs(y)>d){
    24. if(y>0){
    25. console.log("向下滑动");
    26. }else{
    27. console.log("向上滑动");
    28. }
    29. }
    30. })

    来源自:https://blog.csdn.net/gg451516921/article/details/79133416