Javascript 如何阻止Dragable恢复到原始位置

我正在Angular 4中创建我自己的自定义材质设计滑块，我已经到了一个点，如果我拖动滑块拇指，它会移动，但在鼠标上，它会恢复到原始位置

我读了一下DrageEvents，但由于可拖放区域与我拖动的对象完全相同，因此我似乎无法找到解决方案使其停止恢复到原始位置

您可以使用此url复制此行为，因为它的代码足以使页面变长

---

添加dragend处理程序将修复该问题：

    this.slider.addEventListener('dragend', this.onDrag.bind(this), false);

将日志添加到事件侦听器时，松开鼠标时，您会看到x（和y）为负值，但由于dragend将给出正确的值作为最后一个值，因此解决了问题：

onDrag(event: DragEvent) {
  console.log(event.x);
  this.updateValueFromPosition({ x: event.x, y: event.y });
}

---

添加dragend处理程序将修复此问题：

    this.slider.addEventListener('dragend', this.onDrag.bind(this), false);

将日志添加到事件侦听器时，松开鼠标时，您会看到x（和y）为负值，但由于dragend将给出正确的值作为最后一个值，因此解决了问题：

onDrag(event: DragEvent) {
  console.log(event.x);
  this.updateValueFromPosition({ x: event.x, y: event.y });
}