javascript - 在没有 jQuery 的情况下拖动元素

标签 javascript

我目前正在开发一款在线演示软件。为了这个问题,把它想象成 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/

相关文章:

javascript - 为什么使用 Number.parseInt 而不是 parseInt()?

javascript - 为 d3.js 轴分配背景颜色并更改图层顺序

javascript - Tablesorter 子行始终为每个搜索过滤器显示

javascript - 在按钮上点击调用一个js文件并解析它

javascript - 如果 div 不存在,则将 HTML append 到该 div 中

javascript - IE 6、7 和 8 中缺少 cookie

javascript - Ext.create 和 new Class 之间的区别?

javascript - 如何正确地在node.js中使数据库流动

javascript - "clock"指令的 Angular 单元测试 $interval

javascript - 在 Redux 中使用 mapStateToProps