[투두투두] 4. 드래그 드롭 약간 보완

ooz·2021년 5월 10일
0

투두투두

목록 보기
5/9


todo와 finished 사이에서 드래그 앤 드롭이 가능하도록 수정하였다. 그리고 드롭하지 않았는데 드래깅 하던 요소가 바로 붙어버리는 것도 수정했다.

finishedCardsSection.addEventListener("dragover", (e) => e.preventDefault());
finishedCardsSection.addEventListener("drop", (e) => {
  e.preventDefault();
  const dragging = document.querySelector(".dragging");
  finishedCards.appendChild(dragging);
});

이렇게 dragover와 drop 이벤트 핸들러를 추가하여 구현했다. 완벽히 이해하진 못했는데 일단 구글링하여 알아냈다.

이제 로컬 스토리지에 저장해야지..

profile
사는 것도 디버깅의 연속. feel lucky to be different🌈 나의 작은 깃허브는 https://github.com/lyj-ooz

0개의 댓글

관련 채용 정보