Javascript-：触摸屏上的滑块未按预期工作

我正在做一个自定义滑块

所有能找到的东西。但是现在我还想添加ontouch，ontouchmove功能。我几乎已经完成了，但仍然有一些问题，这就是为什么我不能完全实现它

代码片段

function onDragAction (e) {
    e = e || window.event;

    if (e.type == 'touchmove') {
      caouselPosX2 = caouselPosX1 - e.touches[0].clientX;
      caouselPosX1 = e.touches[0].clientX;
    } else {
      caouselPosX2 = caouselPosX1 - e.clientX;
      caouselPosX1 = e.clientX;
    }
            carouselInneritems.style.transform = 'translateX(' + (carouselInneritems.offsetLeft - caouselPosX2) + 'px)';
}

请使用移动分辨率在inspect上尝试演示

---

我对此进行了一次尝试，就我所见，主要有两个问题

onDragAction（）

需要调用

e.stopPropagation（）

-在您发布的演示中，每当鼠标下方出现新幻灯片时，都会调用它，但您只希望调用一次。这为我解决了很多问题

您需要一些条件逻辑来表示您希望滑块进入的方向。目前，它在每种情况下都是通过减法计算出来的，从我阅读你的代码得到的结果来看，这意味着它将一直向左移动

---

你能给我一把小提琴吗。用于排水