이미지와 텍스트를 끌어

여기에 붙여넣어 보라. ⇒
결과 표시창



<HTML>
<HEAD>
<SCRIPT>
var bResult,desc;
function fnSetInfo() {
  bResult=event.dataTransfer.setData('Text', '이미지와 텍스트를 끌어');
  event.dataTransfer.effectAllowed = 'copy';
  desc='데이터 양식을 설정하고 복사해 놓을 수 있게한다.<BR><BR>';
  showResult();
}
function fnGetInfo() {
  bResult=event.returnValue = false;
  event.dataTransfer.dropEffect = 'copy';
  oTarget.value = event.dataTransfer.getData('Text');
  desc='목표 개체 ondrop 이벤트에 의하여 호출되고,<BR>'
  desc+=' 디폴트 true를 false로 변경시켜 복사할 수 있게한다.';
  showResult();
}
function fnCancelDefault() {
  bResult=event.returnValue = false;
  event.dataTransfer.dropEffect = 'copy';
  desc='선택된 것이 놓일 때까지 복사 커서가 디스플레이되도록<BR>'
  desc+=' ondragenter외 ondragover에서 디폴트 활동을 취소시킨다.';
  showResult();
}
function showResult(){
  str='bResult=<FONT color=blue>'+bResult+'</FONT><BR>';
  str+='event.type=<FONT color=blue>'+event.type+'</FONT><BR>';
  str+='<FONT color=green>'+desc+'</FONT>';
  showA.innerHTML=str;
}
</SCRIPT>
</HEAD>

<BODY>
<P style="border:solid 1 blue;background-color:ffa;width:100;margin-left:100" ondragstart="fnSetInfo()">
<IMG id=oSource src="../../../gif/tulip.gif">이미지와 텍스트를 끌어</P>
여기에 붙여넣어 보라. ⇒
<INPUT id=oTarget value="" size=40 ondragenter="fnCancelDefault()"
  ondrop="fnGetInfo()" ondragover="fnCancelDefault()">
<DIV id=showA>결과 표시창<BR><BR><BR><BR></DIV>
</BODY>
</HTML>