HTML5拖拽/拖放(Drag & Drop)是HTML5新增的一个功能，它允许用户把一个元素拖放到另一个元素上，实页面中的数据交换或者移动操作。它可以让用户以更自然的方式来操作网页，提高用户体验。
使用方法
使用HTML5拖拽/拖放功能，需要先定义拖拽元素和拖放元素，把拖拽元素拖放到拖放元素上。
//定义拖拽元素
var dragElement = document.getElementById("dragElement");
//定义拖放元素
var dropElement = document.getElementById("dropElement");
//拖拽元素拖放到拖放元素上
dragElement.addEventListener('dragstart', function(e){
e.dataTransfer.setData('text/plain', this.id);
});
dropElement.addEventListener('drop', function(e){
var data = e.dataTransfer.getData('text');
this.appendChild(document.getElementById(data));
});
在上面的代码中，我们使用了两个事件来实现拖拽/拖放功能，一个是dragstart事件，用来设置拖拽元素，另一个是drop事件，用来接收拖放元素。
还有其他一些事件可以用来控制拖拽/拖放的行为：
- dragenter：当拖拽元素进入拖放元素时触发；
- dragover：当拖拽元素在拖放元素上移动时触发；
- dragleave：当拖拽元素离开拖放元素时触发；
- dragend：当拖拽操作结束时触发。
使用这些事件，可以更细致地控制拖拽/拖放的行为，以实现更复杂的功能。