如何将触摸事件插入 html5 圆形滑块?
How to insert touch events into html5 circular slider?
代码使用鼠标事件完美运行,但当切换到触摸事件或 vmouse 事件时,它停止工作。
这是鼠标事件代码 [https://jsfiddle.net/tk2zd47e/2/ ]
的 link
我试过vmousemove/vmouseup/vmousedown
、touchstart/touchend/touchmove
和e.preventDefault()
.
实际上你正在尝试创建自己的圆形滑块,这很不错。
或者您可以使用jQuery roundSlider 插件,这更适合您的要求。它也支持 Desktop、Mobile 和 Touch 设备。
这非常灵活且易于定制,因此您可以根据自己的意愿制作任何 custom appearance。
这里我做了一个跟你的要求一模一样的demo:jsFiddle
有关详细信息,请查看 demos and documentation 页面。
输出截图:
代码使用鼠标事件完美运行,但当切换到触摸事件或 vmouse 事件时,它停止工作。
这是鼠标事件代码 [https://jsfiddle.net/tk2zd47e/2/ ]
的 link我试过vmousemove/vmouseup/vmousedown
、touchstart/touchend/touchmove
和e.preventDefault()
.
实际上你正在尝试创建自己的圆形滑块,这很不错。
或者您可以使用jQuery roundSlider 插件,这更适合您的要求。它也支持 Desktop、Mobile 和 Touch 设备。
这非常灵活且易于定制,因此您可以根据自己的意愿制作任何 custom appearance。
这里我做了一个跟你的要求一模一样的demo:jsFiddle
有关详细信息,请查看 demos and documentation 页面。
输出截图: