Обнаружение зависания при перетаскивании HTML-элемента на сенсорное устройство

Question

Когда вы перетаскиваете элемент, используя сенсорные события (DnD на сенсорных экранах), как вы обнаруживаете, что перетаскиваемый объект находится над другим объектом?

Answer 1

Я не нашел прямого решения для этого.Можно перетаскивать перетаскиваемый элемент, расположенный «снаружи», но в моем случае это не сработало.

В моем случае у меня был элемент в виде сетки с дочерними элементами фиксированного размера.Поэтому было легко сравнить pageX / pageY сенсорного перемещения с родительским элементом и подсчитать текущий индекс элемента, разделив результат с их размерами.

Answer 2

С jQuery легко, добавьте "collide: 'block'" или "collide: 'flag'", когда вы создаете перетаскиваемый объект.

http://plugins.jquery.com/project/collidable