Events1 [HTML, JavaScript] 드래그 앤 드롭(Drag and Drop) 이벤트 알아보기 [JS 이벤트] 드래그 앤 드롭이란? draggable 가능한 요소를 마우스로 클릭하여 드래그하고 마우스 버튼을 떼면서 요소를 드롭하는 것을 드래그 앤 드롭 기능이라고 한다. 드래그 앤 드롭 속성 draggable Item1 먼저 HTML에서 요소가 드래그 이벤트를 받기 위해선 draggable 속성이 true 값을 가져야 한다. ※ 태그 중에 기본적으로 draggable이 true인 값은 대표적으로 태그가 있다. 반면에 태그는 드래그가 불가능 하다. 드래그 앤 드롭 이벤트 종류 dragstart const item = document.querySelector(".item"); item.addEventListener("dragstart", e => { console.log(e.target); // 드래그를 시작한 요소가.. 2023. 10. 12. 이전 1 다음