dataTransfer나 clipboardData 개체를 통한 클립보드(clipboard)로부터 한개나 여러개의 데이터 양식을 제거한다.
| Text | 텍스트 양식을 제거한다. |
| URL | 주소 양식을 제거한다. |
| File | 파일 양식을 제거한다. |
| HTML | HTML 양식을 제거한다. |
| Image | 이미지 양식을 제거한다. |
반환값은 없다.
sDataFormat 파라메터가 제공되지 않으면, 데이터 양식들이 제거된다.
끌어놓기(drag-and-drop) 작업에서 dataTransfer 개체의 이 clearData 메서드는 ondragstart와 같은 원천 이벤트들에서 자주 사용된다.
목표의 디폴트 비헤이버을 덮어씌우기 위하여 ondrop 이벤트에서 clearData 메서드를 사용한다.
복수 양식이 지정되었을 때 특정 데이터 양식들을 제거하는데 특히 유용하다.
| 개체 | script | IE |
|---|
파란 텍스트를 드래그하여 아래 노랑 배경의 개체에 드롭해 보라.
드롭할 목표 개체데이터 양식이 제거되어 null이 나타날 것이다.
<SCRIPT>
function beginDrag(){
event.dataTransfer.setData('Text','이 텍스트가 지워질 것이다.');
}
function targetEnter(){
// window.event.returnValue=false; // 있으나 없으나 마찬가지임
event.dataTransfer.clearData('Text');
tgtObj.innerText=event.dataTransfer.getData('Text');
}
</SCRIPT>
<SPAN id="srcObj" style="color:blue;background:aqua" ondragstart="beginDrag()">드래그할 텍스트.</SPAN>
<P>파란 텍스트를 드래그하여 아래 노랑 배경의 개체에 드롭해 보라.</P>
<SPAN id="tgtObj" style="color:red;background:ffd;" ondragenter="targetEnter()">드롭할 목표 개체</SPAN>
<P>데이터 양식이 제거되어 <SPAN class=mark>null</SPAN>이 나타날 것이다.</P>
<DIV id=showA></DIV>