各种 JavaScript 库，例如 jQuery UI，提供拖放式交互，您可以在其中 constrain the movement拖动元素到单个轴，或在特定区域内。
使用 native HTML5 drag and drop 可以实现这种事情吗？ API？
最佳答案
完全不同! jQuery UI 拖放使元素在页面中移动(使用 top 和 left CSS 属性)。
原生的 HTML5 拖放 API 只允许您移动可拖动元素的“幽灵”(当然，您可以在拖动幽灵时隐藏原始元素)。
API 随附 a lot of event但是不，你不能限制鼠标位置，所以你不能限制在一个轴上(因为重影会跟随鼠标位置，即使鼠标离开页面(但事件可能会停止操作))。
关于javascript - 使用HTML5原生拖放时如何限制移动？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9077596/