dataTransfer나 clipboardData 개체를 통한 클립보드로 부터 지정된 양식의 데이터를 반환한다.

인수/파라메터
sFormat
필수적인 요소이며, 데아터 양식을 나타내는 문자열로 다음 중 하나이다.
Text 텍스트로 데이터를 반환한다.
URL 주소(URL)로 데이터를 반환한다.
반환값

반환값 sData는 dataTransfer나 clipboardData 개체를 통한 클립보드(clipboard)로 부터 데이터를 지정된 양식으로 반환하는 문자열이다.
setData에 포함된 정보에따라, 이 값은 이미지, 텍스트 혹은 주소 앤커의 경로를 반환할 수 있다.

특기

getData 메서드는 프레임간 보안을 강화하고, 동일한 도메인(omain) 속으로부터만 데이터의 전송을 허용한다.

사용자가, 예를들어 HTTP와 HTTPS와 같이, 서로 다른 보안 프로토콜(protocol) 사이에서 드래그(drag)하면 실패될 것이다. 또한, 동일한 브라우저에서, 예를들어 하나는 보통수준이고 다른 하나는 높은 수준일 경우와 같이 서로 보안 수준이 다른 두 인스탄스 사이에서 드래그하는 것도 실패할 것이다. 또한, MS Word와 같이 다른 드래그할 수 있는 적용으로부터 브라우저로 드래그하는 경우도 실패할 것이다.

oncopy나 oncut 이벤트에서, 클립보드로부터 데이터를 반환받기 위하여 getData 메서드를 사용하기 위헤서는, 이벤트처리자 스크립트 속에 window.event.returnValue=false을 설정하여야 한다.

적용
개체scriptIE
참조
clearData setData

이 문자열을 드래그하여....
여기에 놓아보라.

dataTransfer 개체에서 setData와 getData 메서드를 사용하여 문자열을 드래그하여 새 위치에 넣는다.

<HEAD>
<SCRIPT>
function beginDrag(){
  event.dataTransfer.setData('Text',divA.innerText);
}
function endDrag(){
  window.event.returnValue=false;
  divB.innerText=event.dataTransfer.getData('Text');
}
function overDrag(){
  window.event.returnValue=false;
}
</SCRIPT>
</HEAD>
<BODY>
<DIV id="divA" ondragstart="beginDrag()"
  style="border:solid 1 blue;width:300">이 문자열을 드래그하여....</DIV>
<DIV id="divB" ondragover="overDrag()" ondragenter="endDrag()"
  style="border:solid 1 red;width:300">여기에 놓아보라.</DIV>
</BODY>

메서드 예제

예제 앤커 문자열
여기에 끌어 놓아보라.

끌어놓기(drag-and-drop)로 getData 메서드로 주소를 반환한다.

<HEAD>
<SCRIPT>
function startDrag(){
 event.dataTransfer.setData('URL',aObj.href);
}
function finishDrag(){
  divC.innerText=event.dataTransfer.getData('URL');
  divC.style.color='red';
  divC.style.fontWeight='bold';
}
</SCRIPT>
</HEAD>
<BODY>
<DIV style="border:solid 1 blue;width:200">
<A id="aObj" href="http://koxo.com" onclick="return(false)" ondragstart="startDrag()">예제 앤커 문자열</A>
</DIV>
<DIV id=divC  ondragenter="finishDrag()" style="border:solid 1 red;width:200">여기에 끌어 놓아보라.</DIV>
</BODY>