移动端监听手指左右滑动

最新推荐文章于 2023-08-18 13:57:49 发布

喵喵冲不动了

最新推荐文章于 2023-08-18 13:57:49 发布

阅读量407

点赞数 1

分类专栏：基本技术文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/jhg4123/article/details/125996288

版权

基本技术专栏收录该内容

9 篇文章 0 订阅

订阅专栏

returnBntClickTouchstart() {
      var startX, startY, moveEndX, moveEndY, X, Y;
      let content_tab_main = document.querySelector(".content_tab_main");//拉取DOM
      content_tab_main.addEventListener("touchstart", (e) => {
        e.preventDefault();
        startX = e.touches[0].pageX;
        startY = e.touches[0].pageY;
      });

      content_tab_main.addEventListener("touchmove", (e) => {
        e.preventDefault();

        moveEndX = e.changedTouches[0].pageX;

        moveEndY = e.changedTouches[0].pageY;

        X = moveEndX - startX;

        Y = moveEndY - startY;

        if (X > 0) {
          this.tabClick(触发动画右);
        } else {
          this.tabClick(触发动画左);
        }
      });
    },