このイベントの中でとりあえず処理が必要なものは、Drag 対象要素の「 dragstart 」と Drop 対象要素の「 dragover 」「 drop 」となります。 var dragElement = null, items = document.getElementById('list').getElementsByClassName('item'); function dragStartHandler(event) { dragElement = event.target; event.dataTransfer.setData('dragItem', dragElement.innerHTML); } function dragOverHandler(event) { event.preventDefault(); event.dataTransfer.dropEffect =
![[HTML5] Drag & Drop API おさらい 「DOM 要素の DnD」 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/a18d742778bb675192c3331b71122e80fc5dc1fa/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F11%2Fhtml5.png)