在JavaScript中，可以使用Drag and Drop API来实现拖放功能。要使用Drag and Drop API，需要掌握以下几个关键词：
draggable属性：将元素设置为可拖动，需要设置draggable属性为true。
dragstart事件：当拖动元素时，会触发dragstart事件。在该事件中，需要设置拖动数据，可以使用setData方法来设置，例如：event.dataTransfer.setData('text/plain', '拖动的数据')。
drop事件：当拖动元素放置到目标元素上时，会触发drop事件。在该事件中，需要获取拖动数据，可以使用getData方法来获取，例如：event.dataTransfer.getData('text/plain')。
dragover事件：当拖动元素经过目标元素时，会触发dragover事件。在该事件中，需要阻止默认的行为，以允许元素被放置到目标元素上，可以使用preventDefault方法来阻止默认行为。
下面是一个简单的示例代码：
<div id="drag" draggable="true">拖动我</div>
<div id="drop">放置到这里</div>
<script>
var drag = document.getElementById('drag');
var drop = document.getElementById('drop');
drag.addEventListener('dragstart', function(event) {
event.dataTransfer.setData('text/plain', '拖动的数据');
});
drop.addEventListener('dragover', function(event) {
event.preventDefault();
});
drop.addEventListener('drop', function(event) {
var data = event.dataTransfer.getData('text/plain');
drop.innerHTML = '拖动的数据是：' + data;
});
</script>在上面的示例中，我们将一个元素设置为可拖动，并在dragstart事件中设置了拖动数据。然后，在目标元素上监听了dragover事件，并阻止了默认行为，以允许元素被放置到目标元素上。最后，在目标元素上监听了drop事件，并获取了拖动数据，更新了目标元素的内容。