onbeforecopy, oncopy, onbeforepaste, oncpaste 이벤트 공통 예제

원본: 목표:
원본 
클립보드 
목표 
진행

원본을 복사하여 목표에 붙여넣기 해 보라.

<SCRIPT>
var strAll='';
function onbeforecopyAction(){
  showAll.innerHTML+='onbeforecopy 이벤트<BR>';
  OrgObj.select();
  showit();
}

function toClipboard(){
  showAll.innerHTML+='oncopy 이벤트<BR>';
  window.clipboardData.setData('Text',OrgObj.value);
  showit();
}

function beforepaseAction(){
  showAll.innerHTML+='onbeforepase 이벤트<BR>';
}

function DoPaste(){
  showAll.innerHTML+='onpaste 이벤트<BR>';
  TgtObj.value=window.clipboardData.getData('Text');
  showit();
}

function showit(){
  showOrg.innerHTML=OrgObj.value;
  showCB.innerHTML=window.clipboardData.getData('Text');
  showTgt.innerHTML=TgtObj.value;
}
</SCRIPT>
원본: <INPUT id="OrgObj"
  onbeforecopy="onbeforecopyAction()" oncopy="toClipboard()" onfocus="this.select()" value="원본 입력 문자열">
목표: <INPUT id="TgtObj"
  onbeforepaste="beforepaseAction()" onpaste="DoPaste()" onfocus="this.select()" value="목표 지역 문자열">
<TABLE border=1 width=100%>
<TR><TD width=15%>원본</TD><TD id=showOrg width=90%> </TD></TR>
<TR><TD>클립보드</TD><TD id=showCB> </TD></TR>
<TR><TD>목표</TD><TD id=showTgt> </TD></TR>
<TR><TD>진행</TD><TD id=showAll> </TD></TR>
</TABLE>