예제는 effectAllowed 속성을 move로 하여 이동시킨다. dropEffect 속성의 설정으로 이동 커서가 보인다. ondragstart, ondragover, ondragenter, ondrop 모든 이벤트에서 디폴트 액션을 취소해야 한다.

<SCRIPT>
function doDragStart(){
  transObj=window.event.dataTransfer;
  transObj.effectAllowed='move'; // 원본 개체에 effectAllowed를 설정한다.
}

function doDragEnter(){
  transObj=window.event.dataTransfer;
  doCancelDefault();
  transObj.dropEffect='move'; // 목표 개체에 dropEffect를 설정한다.
}

function doDrop(){
  toObj.innerText='';
  targetObj=window.event.srcElement;
  transObj=window.event.dataTransfer;
  doCancelDefault();
  // 지정한 양식으로 데이터 이전 개체에 저장된 정보를 목표 개체에 넣는다.
  targetObj.innerHTML+=transObj.getData('text');
}

function doCancelDefault(){
  eventObj=window.event;
  eventObj.returnValue=false;
}
</SCRIPT>
<DIV style="border:solid 3 silver;padding:5">
<B>일반 텍스트 지역
<SPAN id="fromObj" ondragstart="doDragStart()" style="border:solid 1 red;background:#ffa;padding:5">이동할 내용의 선택 지역</SPAN>
일반 텍스트 지역</B></DIV>
<DIV id="toObj" style="background:#cfc;height:50;width:600;border:solid 1 blue;"
  ondragover="doCancelDefault()"
  ondragenter="doDragEnter()"
  ondrop="doDrop()">드롭 지역</DIV>