CODEDRAGON ㆍDevelopment/Web, WWW
DataTransfer
· DataTransfer 객체는 Drag & Drop API 를 사용하는데 있어서 반드시 있어야 하는 객체입니다.
· DataTransfer 객체는 Drag & Drop 되는 대상 Data 를 담는 역할을 합니다.
데이터 전송 기능에 관한 메서드
메소드 |
설명 |
event.dataTransfer.setData(format,data) |
· 첫번째 매개변수로 포맷 문자열을 지정. · 첫번째 매개변수에 지정한 포맷과 일치하는 값을 두번째 매개변수로 지정. · 두번째 매개변수로는 문자열만 지정 가능 |
event.dataTransfer.getData(format) |
· 첫번째 매개변수에 지정한 포맷의 전송 데이터를 반환. · 지정된 포맷의 데이터가 지정되어 있지 않으면 공백 문자열을 반환 |
event.dataTransfer.clearData() event.dataTransfer.clearData(format) |
· 데이터 전송용으로 지정된 데이터를 모두 제거. · 첫번째 매개변수로 포맷 문자열을 지정하면 해당 형식과 일치하는 데이터만을 제거. |
event.dataTransfer.types |
· dragstart 이벤트 발생시 DOM 목록에 있는 data format 을 설정하며 · setData 함수를 호출할때 지정되는 format 문자열을 배열형식으로 얻을 수 있습니다. |
'Development > Web, WWW' 카테고리의 다른 글
웹 워커(Web Worker) (0) | 2017.06.30 |
---|---|
WebStorage(웹 스토리지) (0) | 2017.06.30 |
드래그 앤 드롭의 이벤트 - 드래그(drag) 측에서 발생하는 이벤트, 드롭(drop) 측에서 발생하는 이벤트 (0) | 2017.06.30 |
드래그 앤 드롭 - draggable 속성, 기본 동작 (0) | 2017.06.30 |
세션 스토리지(Session Storage), Session Storage 접근, 데이터 저장하기, 저장된 데이터 읽기 (0) | 2017.06.30 |