使用dragula javascript获取拖放的div的id

Dragula是一个轻量级的JavaScript库，用于实现拖放功能。它可以帮助开发者轻松地实现在网页中拖动和放置元素的交互操作。

使用Dragula获取拖放的div的id，可以按照以下步骤进行：

1. 首先，在HTML文件中引入Dragula库的JavaScript文件。可以通过以下方式引入：

<script src="path/to/dragula.min.js"></script>

1. 在HTML文件中创建需要进行拖放操作的div元素，并为每个div元素设置一个唯一的id。例如：

<div id="div1" class="dragula-container">Div 1</div>
<div id="div2" class="dragula-container">Div 2</div>
<div id="div3" class="dragula-container">Div 3</div>

1. 在JavaScript文件中，使用Dragula库创建一个拖放容器，并指定需要进行拖放操作的div元素的类名。例如：

var containers = document.querySelectorAll('.dragula-container');
var drake = dragula(containers);

1. 监听拖放事件，当拖放操作完成时，获取被拖放的div元素的id。例如：

drake.on('drop', function(el, target, source, sibling) {
  var draggedDivId = el.id;
  console.log("Dragged div id: " + draggedDivId);
});

在上述代码中，el表示被拖放的div元素，通过el.id可以获取其id属性值。

Dragula的优势在于它简单易用，无需复杂的配置即可实现基本的拖放功能。它适用于各种场景，例如创建可拖动的任务列表、实现拖放排序等。

腾讯云提供了多种云计算相关产品，其中与前端开发和拖放操作相关的产品包括：

1. 腾讯云对象存储（COS）：用于存储和管理静态资源文件，可以将拖放的div元素的id等数据保存在COS中。产品介绍链接：腾讯云对象存储（COS）

请注意，以上答案仅供参考，具体的产品选择和使用方式应根据实际需求进行评估和决策。