要捕获可拖动事件，可以使用HTML5的拖放API。以下是一个基本的示例：

HTML部分：

可拖动元素
可放置区域

JavaScript部分：

var draggableElement = document.getElementById('draggableElement');
var droppableElement = document.getElementById('droppableElement');

// 拖动元素的事件处理程序
draggableElement.addEventListener('dragstart', function(event) {
  event.dataTransfer.setData('text/plain', event.target.id);
});

// 放置区域的事件处理程序
droppableElement.addEventListener('dragover', function(event) {
  event.preventDefault();
});

droppableElement.addEventListener('drop', function(event) {
  event.preventDefault();
  
  var data = event.dataTransfer.getData('text/plain');
  var draggableElement = document.getElementById(data);
  
  droppableElement.appendChild(draggableElement);
});

在上述示例中，将draggableElement元素设置为可拖动，并在dragstart事件处理程序中将元素的ID存储在dataTransfer对象中。然后，在droppableElement上的dragover事件处理程序中调用event.preventDefault()，以允许在此元素上放置拖动的元素。最后，在drop事件处理程序中获取拖动元素的ID，并将其添加到droppableElement中。

请注意，这只是一个基本示例，可以根据具体需求进行调整和扩展。