前端h5 可拖拽问题答案到指定位置的

可以使用HTML5的拖放API实现拖拽问题答案到指定位置。以下是一个简单的示例代码：

HTML部分：

<div id="answers">
  <div class="answer" draggable="true">答案1</div>
  <div class="answer" draggable="true">答案2</div>
  <div class="answer" draggable="true">答案3</div>
</div>

<div id="dropzone">
  <div class="target">拖放答案到这里</div>
</div>

JavaScript部分：

var draggables = document.querySelectorAll('.answer');
var dropzone = document.querySelector('#dropzone');

// 给答案添加拖拽事件监听器
draggables.forEach(function(draggable) {
  draggable.addEventListener('dragstart', function(e) {
    e.dataTransfer.setData('text/plain', e.target.innerText);
  });
});

// 给目标区域添加拖放事件监听器
dropzone.addEventListener('dragover', function(e) {
  e.preventDefault();
});

dropzone.addEventListener('drop', function(e) {
  e.preventDefault();
  var data = e.dataTransfer.getData('text/plain');
  var target = e.target;
  target.innerText = data;
});

以上代码会将三个答案元素添加拖拽事件监听器，并给目标区域添加拖放事件监听器。当答案元素被拖拽时，会将其文本内容作为数据存储在`dataTransfer`对象中，然后在目标区域上方停留时，会阻止默认行为。当答案元素被放置到目标区域中时，会获取数据并将其显示在目标区域中。