Различные библиотеки JavaScript, такие как пользовательский интерфейс jQuery, предлагают взаимодействие с перетаскиванием, где вы можете ограничивать движение перетаскиваемого элемента на одной оси или в пределах определенной области.
Возможно ли это с помощью встроенного перетаскивания HTML5 API?
Это совершенно другое! Элемент jQuery UI drag and drop перемещает элемент (с верхними и левыми CSS-свойствами) на странице.
Собственный API перетаскивания HTML5 позволяет вам перемещать "призрак" перетаскиваемого элемента (конечно, вы можете скрыть исходный элемент при перетаскивании призрака).
API поставляется с большим количеством событий, но нет, вы не можете ограничить положение мыши, чтобы вы не могли ограничить одну ось (заставляйте призрак следовать за положением мыши, даже если мышь покидает страницу (но событие, возможно, перестанет работать)).