draggable 属性是 HTML5 中新增的一个属性，用于控制元素是否可拖拽。它的使用方法很简单，只需要将需要拖拽的元素添加 draggable="true" 属性即可：

<div draggable="true">可拖拽的元素</div>

　　通过设置 draggable 属性为 false，可以禁止元素被拖拽。

　　拖拽元素可以在拖拽开始时、拖拽过程中和拖拽结束时分别触发 dragstart、drag 和 dragend 事件。拖拽元素可以通过 dataTransfer 对象来传递数据，这个对象包含了拖拽操作的一些属性和方法。在拖拽元素的 dragstart 事件中，可以通过设置 dataTransfer.setData() 方法来设置数据，如下所示：

<div draggable="true" ondragstart="event.dataTransfer.setData('text/plain', '拖拽的数据')">可拖拽的元素</div>

　　在目标元素的 drop 事件中，可以通过 dataTransfer.getData() 方法来获取拖拽元素传递的数据，如下所示：

<div ondrop="alert(event.dataTransfer.getData('text/plain'))">拖拽目标</div>

　　除了上述方法，还可以通过 dragenter、dragover 和 dragleave 事件来控制拖拽元素在目标元素上的样式和行为，从而实现更加灵活的拖拽效果。

相关文章

python的idle是什么

如何理解语义化标签?常用语义化标签有哪些

jquery的选择器有哪些

html文档基本格式有哪些?

draggable属性的用法