回答編集履歴
2
補足を追記
answer
CHANGED
|
@@ -22,4 +22,17 @@
|
|
|
22
22
|
const dropzone = event.target;
|
|
23
23
|
dropzone.appendChild(draggableElement);
|
|
24
24
|
}
|
|
25
|
+
```
|
|
26
|
+
※追記
|
|
27
|
+
このままだと同じ場所に複数のdivをドロップした時に、位置によっては結果がおかしくなるので、
|
|
28
|
+
さらに修正します。
|
|
29
|
+
```javascript
|
|
30
|
+
function onDrop(event)
|
|
31
|
+
{
|
|
32
|
+
event.preventDefault();
|
|
33
|
+
const index = event.dataTransfer.getData('text');
|
|
34
|
+
const draggableElement = document.querySelectorAll(".employee_name")[index];
|
|
35
|
+
const dropzone = event.currentTarget;//←ここ
|
|
36
|
+
dropzone.appendChild(draggableElement);
|
|
37
|
+
}
|
|
25
38
|
```
|
1
動作確認のためのconsole.logを削除
answer
CHANGED
|
@@ -18,9 +18,7 @@
|
|
|
18
18
|
{
|
|
19
19
|
event.preventDefault();
|
|
20
20
|
const index = event.dataTransfer.getData('text');
|
|
21
|
-
console.log(index);
|
|
22
21
|
const draggableElement = document.querySelectorAll(".employee_name")[index];
|
|
23
|
-
console.log(draggableElement);
|
|
24
22
|
const dropzone = event.target;
|
|
25
23
|
dropzone.appendChild(draggableElement);
|
|
26
24
|
}
|