最小化onDrop，onDragover，Draggable和onDragStart

Question

我正在创建具有拖放设计的网站，该网站是在this thread之后创建的。看起来您需要在要拖动的元素上添加ondragover，ondrop，draggable和ondragstart“功能”（当然，并非所有元素都只是所需的）。是否可以编写得更小一些，所以您不需要将其添加到每个元素中？

Answer 1

您可以创建一个ID数组并遍历ID，然后将事件侦听器附加到它们。

const ids = ['div1', 'div2', 'div3', 'div4'];

ids.forEach(function(id) {
   document.getElementById(id).addEventListener('drag', function( ev ) {
       ev.dataTransfer.setData('text/html', ev.target.id);
   }, false);
}