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

Question

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

是否可以使用原生HTML5 drag and drop API？

Answer 1

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

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

API附带a lot of event但不是，你不能约束鼠标位置，因此你不能约束到单个轴（导致鬼魂跟随鼠标位置，即使鼠标离开页面（但是事件可能会停止运作））。