DOM_window 객체 속성--clipboardData 객체 작업 code_javascript 기술

clipboardData 객체
는 편집 작업에 사용할 사전 정의된 클립보드 형식에 대한 액세스를 제공합니다.

멤버 테이블

메서드 설명
clearData dataTransfer 또는clipboardData 객체를 통해 클립보드에서 하나 이상의 데이터 형식을 제거합니다.
getData는 dataTransfer 또는 clipsboardData 객체를 통해 클립보드에서 지정된 형식의 데이터를 가져옵니다.
setData는 지정된 형식으로 dataTransfer 또는clipboardData 개체에 데이터를 할당합니다.

예
다음 예에서는 클립보드데이터 개체의 setData 및 getData 메서드를 사용하여 바로가기 메뉴를 통해 잘라내어 붙여넣기 작업을 수행합니다.

코드 복사 코드는 다음과 같습니다.

<script>var bResult ; <BR>//잘라낼 텍스트를 선택하세요. 잘라내기 이벤트 중 텍스트 선택의 후행 공백으로 인해 잘라내기 <BR>// 잘라내기 선택 바로가기 메뉴 항목이 비활성화된 상태로 유지됩니다. <BR>function fnLoad() { <BR>var r = document.body.createTextRange(); <BR>r.findText(oSource.innerText) <BR>r.select() <BR> <BR>// DIV에 있을 때 기본적으로 비활성화되어 있는 잘라내기 바로가기 메뉴 항목을 활성화합니다. <br>function fnBeforeCut() { <br>event.returnValue = false; // window.clipboardData 객체에 텍스트 형식으로 데이터를 할당합니다. <BR>// 아래 입력 상자에 setData 메소드(Boolean)의 결과를 표시합니다. <BR>function fnCut(){ <BR>event.returnValue = false; <br>bResult = window.clipboardData.setData("Text",oSource.innerText); <br>oSource.innerText = "" <BR> tText.innerText = bResult; <BR>} <BR><BR>// DIV에 있을 때 기본적으로 비활성화되어 있는 붙여넣기 바로가기 메뉴 항목을 활성화합니다. <BR>function fnBeforePaste() { <BR>event.returnValue = false ; <BR>} <br><br>// 텍스트를 입력하려면 붙여넣기에서 returnValue를 취소하세요. 이 작업에는 기본 <BR>// 동작이 있습니다. <BR>function fnPaste() { <BR>event.returnValue = false <br>oTarget.innerText = window.clipboardData.getData("Text") <br>} <BR><BR></script>


LINK="#000000" VLINK="#808080" ALINK="#000000">

oncut="fnCut()">이 텍스트를 선택하여 잘라내기

onpaste="fnPaste()">여기에 텍스트 붙여넣기

>



코드의 oncut 및 onpaste 이벤트에 주의하세요.