Как вставить сенсорные события в круговой слайдер html5?

Код отлично работает с использованием событий мыши, но при переключении на сенсорное событие или событие vmouse он перестает работать.

Вот ссылка для кода события мыши [ https://jsfiddle.net/tk2zd47e/2/ ]

я пробовал vmousemove/vmouseup/vmousedown, touchstart/touchend/touchmove а также e.preventDefault(),

1 ответ

Решение

На самом деле вы пытаетесь создать свой собственный круговой слайдер, что довольно хорошо.

В качестве альтернативы вы можете использовать плагин jQuery roundSlider, который больше подходит для ваших требований. Он также поддерживает настольные, мобильные и сенсорные устройства.

Это очень гибкий и очень простой в настройке, так что вы можете сделать любой внешний вид по вашему желанию.

Здесь я делаю демо точно так же, как ваше требование: jsFiddle

Для более подробной информации посетите страницу с демонстрациями и документацией.

Снимок экрана с выводом:

Круглый ползунок выбора цвета - плагин jquery

Другие вопросы по тегам