用原生js实现拖拽

你可以使用 draggable 属性来实现拖拽效果。

首先，你需要将要拖拽的元素设置为可拖拽，在 HTML 代码中可以使用如下方式设置：

<div draggable="true">这是一个可拖拽的元素</div>

然后，你可以使用 JavaScript 监听拖拽事件，以实现拖拽效果。

下面是一个示例代码，演示了如何使用原生 JavaScript 实现拖拽效果：

// 获取可拖拽元素
var draggableElement = document.querySelector('div[draggable="true"]');

// 监听拖拽事件
draggableElement.addEventListener('dragstart', function(event) {
  // 设置拖拽数据(这里只是简单地设置了一个字符串，你可以设置任何类型的数据)
  event.dataTransfer.setData('text/plain', '这是拖拽的数据');
});

你还可以监听其他拖拽事件，比如 drag, dragend 等，具体使用方法可以参考 HTML Drag and Drop API。