KoXo 자바스크립트 - 개체(object) - ***

미리 정의된 양식에따라 클립보드 정보 개체의 데이터를 반환한다.

메서드	설명
clearData	하나 이상의 데이터 양식을 dataTransfer나 clipboardData 개체를 통하여 clipboard로 부터 제거한다.
getData	지정된 데이터 양식의 dataTransfer나 clipboardData 개체를 통하여 clipboard로 부터 읽어온다.
setData	지정된 데이터 양식으로 dataTransfer나 clipboardData 개체에 데이터를 할당한다.

선택하여 잘라내기하라.

여기에 붙여넣기하라.

표시창

단축 메뉴에서 clipboardData 개체의 잘라 끌어놓기에 사용되는 setData와 getData 메서드들 사용한다.

<SCRIPT>
var boolResult,TxRg;
function orgFocus() {
  TxRg=document.body.createTextRange(); // TextRange를 생성한다.
  TxRg.findText(orgTextObj.innerText); // 원본 내용을 TextRange에 넣는다.
  TxRg.select(); // 초점을 주면 잘라낼 텍스트를 선택한다.
  showData()
}

function DoBeforeCut(){
  event.returnValue=false; // 디폴트값
  showData()
}

function DoCut(){
  event.returnValue=false;
  boolResult=window.clipboardData.setData("Text",orgTextObj.innerText);
    // 텍스트 양식의 데이터를 window.clipboardData 개체에 할당하고  setData 메서드의 결과를 할당한다.
  orgTextObj.innerText=''; // 잘라내기가 이루어지면 자동적으로 내용은 클립보드에 복사되고 원본 데이터는 제거된다.
  showData()
}

function DoBeforePaste() {
  event.returnValue=false; // 디폴트값
  showData()
}

function DoPaste() {
  event.returnValue=false; // 디폴트값
  tgtTextObj.innerText=window.clipboardData.getData("Text");
  showData()
}

function showData(){
  str='event.type='+event.type+'<BR>'
  str+='event.returnValue='+event.returnValue+'<BR>';
  str+='boolResult='+boolResult+'<BR>';
  str+='orgTextObj.innerText='+orgTextObj.innerText+'<BR>';
  str+='tgtTextObj.innerText='+tgtTextObj.innerText+'<BR>';
  str+='clipboardData.getData("Text")='+clipboardData.getData('Text')+'<BR>';
  showA.innerHTML=str;
}
</SCRIPT>
<STYLE>
.orgClass{border:solid 1 blue;background-color:eff;padding:5;width:200}
.tgtClass{border:solid 1 red;background-color:fee;padding:5;width:200}
</STYLE>

<TABLE width=700 border=0 cellpading=5 cellspacing=0>
<TR>
<TD width=200 style=vertical-align:middle>
<DIV class="orgClass" id="orgTextObj" onbeforecut="DoBeforeCut()" oncut="DoCut()"
  onfocus="orgFocus()">선택하여 잘라내기하라.</DIV>
<DIV class="tgtClass" id="tgtTextObj" onbeforepaste="DoBeforePaste()" onpaste="DoPaste()">여기에 붙여넣기하라.</DIV>
</TD>
<TD id=showA style="color:blue;padding-left:1em">표시창</TD>
</TR>
</TABLE>

	Script	[propVal=.].propName;
	HTML	없다.