(자바스크립트)event.dataTransfer.files / Drag and Drop API

cooking_123·2023년 5월 21일

DDH 프로젝트

목록 보기
3/3

🤨 event.dataTransfer.files 이것은 뭘까??

이것을 알기 전에는 Drag and Drop을 알아야 한다.

Drag and Drop API

드래그 앤 드롭 API는 웹 페이지 내의 요소를 사용자가 자유롭게 드래그할 수 있도록 설정해줍니다.

드래그 앤 드롭 이벤트

마우스로 객체(object)를 드래그해서 놓을 때까지 여러 단계의 이벤트가 순차적으로 발생하게 됩니다.

DataTransfer 객체

드래그 앤 드롭 이벤트를 위한 모든 이벤트 리스너 메소드(event listener method)는 DataTransfer 객체를 반환합니다.
이렇게 반환된 DataTransfer 객체는 드래그 앤 드롭 동작에 관한 정보를 가지고 있게 됩니다.

0개의 댓글