Обнаружение щелчка мышью, перемещения и отпускания (или перетаскивание) без необходимости перетаскивать объект в HTML5 - PullRequest
0 голосов
/ 16 октября 2019

Я пишу простое приложение по расписанию в HTML5. Я хочу, чтобы пользователь мог вводить события (такие как Концерты, Лекции и т. Д.), Щелкая внутри элемента div, затем перетаскивая и отпуская мышь, чтобы контролировать длительность события (аналогично приложению Calendar в Mac OS). ,Затем я вставляю другой div соответствующей высоты, представляющий событие, в первый div. Я достиг этого, слушая события mousedown, mousemove и mouseup. Перетаскивание не было вариантом, так как нет перетаскиваемого узла. Однако мое решение не работает на мобильных устройствах. Я пытался реализовать ту же функциональность, используя ondragstart, ondrag и ondragend, но мне даже не удалось получить ondrag и ondragend для запуска в Firefox. Что я могу сделать, чтобы это работало на мобильных устройствах?

TL; DR: Как мне зафиксировать перетаскивание мышью без перетаскиваемого объекта или зоны перетаскивания на мобильных устройствах?

1 Ответ

0 голосов
/ 16 октября 2019

, чтобы работать с мобильными телефонами, вам нужен "сенсорный API" https://developer.mozilla.org/en-US/docs/Web/API/Touch

, добавленный к API-интерфейсу перетаскивания, который вы используете: https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API

Подробное описание этогодоступно здесь: https://medium.com/@deepakkadarivel/drag-and-drop-dnd-for-mobile-browsers-fc9bcd1ad3c5

Если вы используете jquery, здесь есть патч для его перетаскивания, показанный здесь: https://1stwebdesigner.com/chart-js-library/

...