DataTransfer, 데이터 전송 기능에 관한 메서드

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 문자열을 배열형식으로 얻을 수 있습니다.