使用HTML5原生拖放时如何约束移动？

Question

各种JavaScript库（例如jQuery UI）提供拖放式交互，您可以将拖动元素的移动约束到单个轴或特定区域内。

这种事情是否可以使用原生HTML5拖放 API？

Answer 1

这完全不同！ jQuery UI拖放使元素在页面中移动（具有顶部和左侧CSS属性）。

原生HTML5拖放API只允许您移动可拖动元素的“幽灵”（当然，您可以在拖动幻影时隐藏原始元素）。

API 有很多事件，但是没有，你不能约束鼠标位置，所以你不能约束到单个轴（导致鬼魂跟随鼠标位置，即使鼠标离开页面（但事件可能会停止）操作））。