You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
24 lines
594 B
24 lines
594 B
let currentDraggedItem = null;
|
|
|
|
const uls = document.querySelectorAll('ul');
|
|
for (ul of uls) {
|
|
ul.addEventListener('dragover', (event)=>{
|
|
event.preventDefault()
|
|
event.target.classList.add('dragging');
|
|
})
|
|
ul.addEventListener('dragleave', (event)=>{
|
|
event.target.classList.remove('dragging');
|
|
})
|
|
ul.addEventListener('drop', (event)=>{
|
|
event.target.classList.remove('dragging');
|
|
event.target.appendChild(currentDraggedItem)
|
|
})
|
|
}
|
|
|
|
const lis = document.querySelectorAll('li');
|
|
for (li of lis) {
|
|
li.addEventListener('dragstart', (event)=>{
|
|
currentDraggedItem = event.target;
|
|
})
|
|
}
|