Как ограничить движение при использовании перетаскивания HTML5?

Question

Различные библиотеки JavaScript, такие как jQuery UI, предлагают взаимодействия перетаскивания, где вы можете ограничить перемещение перетаскиваемого элемента на одну ось или в пределах определенной области.

Возможны ли такие вещи с использованием встроенного HTML5-метода перетаскивания API?

Answer 1

Это совершенно другое! Перетаскивание элемента jQuery UI позволяет перемещать элемент (с верхним и левым свойствами CSS) на странице.

Собственный API-интерфейс перетаскивания HTML5 позволяет перемещать только «призрак» перетаскиваемого элемента (конечно, вы можете скрыть исходный элемент при перетаскивании призрака).

API поставляется с много событий , но нет, вы не можете ограничить положение мыши, поэтому вы не можете ограничить одной оси (потому что призрак следует за положением мыши, даже если мышь покинуть страницу (но событие может прекратить работу)).