如何将触摸事件插入html5圆形滑块？

Question

代码使用鼠标事件可以很好地工作，但是当切换到触摸事件或vmouse事件时，它停止工作。

这是鼠标事件代码[https://jsfiddle.net/tk2zd47e/2/]

的链接

我已尝试 vmousemove/vmouseup/vmousedown ， touchstart/touchend/touchmove 和 e.preventDefault() 。

Answer 1

实际上你正在尝试创建自己的圆形滑块，这非常好。

或者您可以使用jQuery roundSlider插件，它更适合您的要求。它还支持桌面，移动和触摸设备。

这非常灵活且非常易于自定义，因此您可以根据自己的意愿制作任何custom appearance。

在这里，我制作的演示与您的要求完全相同：jsFiddle

有关详细信息，请查看demos和documentation页。

输出屏幕截图：