DOM_window 대상 속성--clipboardData 대상 조작 코드

클립 보드 Data 대상 은 편집 작업 에서 사용 할 수 있 도록 미리 정 의 된 클립보드 형식 에 대한 접근 을 제공 합 니 다.구성원 표 방법 은 clearData 가 dataTransfer 나 clipboardData 대상 을 통 해 클립보드 에서 하나 이상 의 데이터 형식 을 삭제 하 는 것 을 설명 합 니 다.getData 는 dataTransfer 나 clipboardData 대상 을 통 해 클립보드 에서 지정 한 형식의 데 이 터 를 가 져 옵 니 다.setData 는 지정 한 형식 으로 dataTransfer 나 clipboardData 대상 에 데 이 터 를 부여 합 니 다.예제 아래 의 예 는 clipboardData 대상 의 setData 와 getData 방법 을 사용 하여 단축 메뉴 를 통 해 잘라 내기 붙 여 넣 기 동작 을 수행 합 니 다

 
<SCRIPT> 
var bResult; 
//         。                    
//             。 
function fnLoad() { 
var r = document.body.createTextRange(); 
r.findText(oSource.innerText); 
r.select(); 
} 

//           ，     DIV         
function fnBeforeCut() { 
event.returnValue = false; 
} 

//        window.clipboardData       。 
//   setData       (Boolean)           。 
function fnCut(){ 
event.returnValue = false; 
bResult = window.clipboardData.setData("Text",oSource.innerText); 
oSource.innerText = ""; 
tText.innerText += bResult; 
} 

//           ，     DIV          
function fnBeforePaste() { 
event.returnValue = false; 
} 

//   onpaste     returnValue       ，       
//    。 
function fnPaste() { 
event.returnValue = false; 
oTarget.innerText = window.clipboardData.getData("Text"); 
} 

</SCRIPT> 
</HEAD> 

<BODY onload="fnLoad()" TOPMARGIN=0 LEFTMARGIN=0 BGPROPERTIES="fixed" BGCOLOR="#FFFFFF" 
LINK="#000000" VLINK="#808080" ALINK="#000000"> 

<DIV CLASS="clsSource" ID="oSource" onbeforecut="fnBeforeCut()" <SPAN style="COLOR: #ff0000">oncut</SPAN>="fnCut()">        </DIV> 
<DIV CLASS="clsTarget" ID="oTarget" onbeforepaste="fnBeforePaste()" <SPAN style="COLOR: #ff0000">onpaste</SPAN>="fnPaste()">        </DIV><BR> 

<SPAN CLASS="clsData">setData   :</SPAN> 
<INPUT CLASS="clsText" ID="tText" TYPE="text" READONLY VALUE="" SIZE="6" TABINDEX="-1"> 

</BODY>

코드 중의 oncut,onpaste 사건 에 주의 하 십시오.

DOM_window 대상 속성--clipboardData 대상 조작 코드

좋은 웹페이지 즐겨찾기