2. /**
    3.  * @name:触屏事件
    4.  * @param {string} element dom元素
    5.  * @param {function} fn 事件触发函数
    6.  ** */
    7. export const touchEvent = {
    8.   /* 向上滑动事件 */
    9.   swipeUp(element: any, fn: Function) {
    10.     let isTouchMove: boolean;
    11.     let startTx: number;
    12.     let startTy: number;
    14.     const touchstartFun = (e: any) => {
    15.       const touches = e.touches[0];
    16.       startTx = touches.clientX;
    17.       startTy = touches.clientY;
    18.       isTouchMove = false;
    19.     };
    20.     const touchmoveFun = () => {
    21.       isTouchMove = true;
    22.       // e.preventDefault();
    23.     };
    24.     const touchendFun = (e: any) => {
    25.       if (!isTouchMove) {
    26.         return;
    27.       }
    28.       const touches = e.changedTouches[0];
    29.       const endTx = touches.clientX;
    30.       const endTy = touches.clientY;
    31.       const distanceX = startTx - endTx;
    32.       const distanceY = startTy - endTy;
    33.       // eslint-disable-next-line @typescript-eslint/no-unused-vars
    34.       let isSwipe = false;
    35.       if (Math.abs(distanceX) < Math.abs(distanceY)) {
    36.         if (distanceY > 20) {
    37.           fn();
    38.           isSwipe = true;
    39.           // element.removeEventListener("touchstart", touchstartFun, false);
    40.           // element.removeEventListener("touchmove", touchmoveFun, false);
    41.           // element.removeEventListener("touchend", touchendFun, false);
    42.         }
    43.       }
    44.     };
    45.     element.addEventListener("touchstart", touchstartFun, false);
    46.     element.addEventListener("touchmove", touchmoveFun, false);
    47.     element.addEventListener("touchend", touchendFun, false);
    48.   },
    50.   /* 向下滑动事件 */
    51.   swipeDown(element: any, fn: Function) {
    52.     let isTouchMove: boolean;
    53.     let startTx: number;
    54.     let startTy: number;
    56.     const touchstartFun = (e: any) => {
    57.       const touches = e.touches[0];
    58.       startTx = touches.clientX;
    59.       startTy = touches.clientY;
    60.       isTouchMove = false;
    61.     };
    62.     const touchmoveFun = () => {
    63.       isTouchMove = true;
    64.       // e.preventDefault();
    65.     };
    66.     const touchendFun = (e: any) => {
    67.       if (!isTouchMove) {
    68.         return;
    69.       }
    70.       const touches = e.changedTouches[0];
    71.       const endTx = touches.clientX;
    72.       const endTy = touches.clientY;
    73.       const distanceX = startTx - endTx;
    74.       const distanceY = startTy - endTy;
    75.       // eslint-disable-next-line @typescript-eslint/no-unused-vars
    76.       let isSwipe = false;
    77.       if (Math.abs(distanceX) < Math.abs(distanceY)) {
    78.         if (distanceY < -20) {
    79.           fn();
    80.           isSwipe = true;
    81.           // element.removeEventListener("touchstart", touchstartFun, false);
    82.           // element.removeEventListener("touchmove", touchmoveFun, false);
    83.           // element.removeEventListener("touchend", touchendFun, false);
    84.         }
    85.       }
    86.     };
    87.     element.addEventListener("touchstart", touchstartFun, false);
    88.     element.addEventListener("touchmove", touchmoveFun, false);
    89.     element.addEventListener("touchend", touchendFun, false);
    90.   },
    91. };