[JavaScript] 자바스크립트 드래그 앤 드롭 기능 사용하기

127_자바스크립트 드래그 앤 드롭 기능 사용하기 [적용] 드래그 앤 드롭 기능을 사용해 파일을 처리하고 싶을 때 [문법 1 - 드래그 요소에서 발생하는 이벤트] 이벤트 발생 타이밍 dragstart 요소의 드래그(끌어오기) 시작 시점 drag 요소의 드래그 중인 시점 dragend 요소의 드래그 완료 시점 [문법 2 - 드래그 완료 후 요소에서 발생하는 이벤트] 이벤트 발생 타이밍 dragenter 드래그 중인 포인터가 요소 위치로 이동한 시점 dragover 드래그 중인 포인터가 요소 위치에 있는 시점 dragleave 드래그 중인 포인터가 요소에서 벗어난 시점 drop 요소의 드롭 시점 [문법 3 - 드래그 이벤트 정보] 속성 발생 타이밍 타입 event.dataTransfer.files 드롭한 파..

2022.07.01