我目前正在开发一款在线演示软件。为了这个问题,把它想象成 powerpoint 或 keynote。 我希望能够将元素添加到幻灯片,然后将它们四处拖动(实时),获取新位置,更新数据库。 但是我想在不使用任何外部库或框架(包括 jQuery)的情况下执行此操作。 谁能指出我的研究方向?我目前实现这个的想法非常困惑。尤其是带电的拖拽让我很头疼。
谢谢!
更新!
元素看起来像这样:
<div class="textelement"
data-id="528fc9026803fa9d4b03e506"
data-role="Textelement"
style=" left: 50px;
top: 50px;
z-index: 0;
width: 72px;
height: 72px;">
<div class="textnode">slide: 0 textelement: 0</div>
</div>
最佳答案
虽然 HTML5 确实提供了原生拖放功能,但这并不是您所要求的。查看这个简单的教程来完成普通 JS 中的拖动:http://luke.breuer.com/tutorial/javascript-drag-and-drop-tutorial.aspx
关于javascript - 在没有 jQuery 的情况下拖动元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20154472/