참고: IE7 및 IE8에는 웹페이지에 대한 복사 권한이 있으며 "보안"의 "사용자 정의 수준" 스크립트에서 설정해야 합니다.
클립보드데이터 객체
클립보드에 대한 액세스를 제공합니다.
세 가지 방법
1.clearData(sDataFormat)는 클립보드에서 지정된 형식의 데이터를 삭제합니다.
2.getData(sDataFormat) 클립보드에서 지정된 형식의 데이터를 가져옵니다.
3.setData(sDataFormat, sData)는 지정된 형식의 데이터를 클립보드에 할당합니다. true를 반환하면 작업이 성공했음을 나타냅니다.
예
<스크립트 언어="자바스크립트">
<!--
var 텍스트 = "123";
if (!window.clipboardData.setData('Text', text)) // 텍스트 형식으로 데이터 할당
{
Alert("복사 실패!");
}
text = window.clipboardData.getData('Text'); // 텍스트 형식으로 데이터 가져오기
경고(텍스트);
window.clipboardData.clearData('Text'); // 텍스트 형식 데이터 지우기
텍스트 = window.clipboardData.getData('텍스트');
경고(텍스트);
//-->
</script>
일부 방법:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<머리>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Js 복사 코드</title>
</head>
<본문>
<p>
<input type="button" name="anniu1" onClick='copyToClipBoard()' value="주제 주소와 URL 주소를 복사하여 QQ/MSN에서 친구에게 보내기">
<스크립트 언어="자바스크립트">
함수 copyToClipBoard(){
var clipsBoardContent="";
clipsBoardContent+=document.title;
ClipBoardContent+="";
ClipBoardContent+=this.location.href;
window.clipboardData.setData("Text",clipBoardContent);
Alert("성공적으로 복사되었습니다. QQ/MSN에 붙여넣고 친구에게 추천해 주세요.");
}
</script>
<br />
<br />
URL을 직접 복사하세요.
<input type="button" name="anniu2" onClick='copyUrl()' value="URL 주소 복사">
<스크립트 언어="자바스크립트">
함수 copyUrl()
{
var clipsBoardContent=this.location.href;
window.clipboardData.setData("Text",clipBoardContent);
Alert("복사 성공!");
}
</script>
<br/>
<br/>
텍스트 상자를 클릭하면 텍스트 상자 안의 내용을 복사합니다.
<input onclick="oCopy(this)" value="안녕하세요. 복사하고 싶은 콘텐츠입니다!">
<스크립트 언어="자바스크립트">
함수 oCopy(obj){
obj.select();
js=obj.createTextRange();
js.execCommand("복사")
Alert("복사 성공!");
}
</script>
<br />
<br />
텍스트 상자 또는 숨겨진 필드의 내용 복사
<스크립트 언어="자바스크립트">
함수 CopyUrl(대상){
target.value=myimg.value;
target.select();
js=myimg.createTextRange();
js.execCommand("복사");
Alert("복사 성공!");
}
함수 AddImg(대상){
target.value="[IMG]"+myimg.value+"[/ img]";
target.select();
js=target.createTextRange();
js.execCommand("복사");
Alert("복사 성공!");
}
</script>
<입력 이름=myimg 유형=숨겨진 ID=myimg 값="http://pmp.www.VeVB.COm" />
<입력 이름=imgurl 유형=텍스트 크기=32 값="http://pmp.www.VeVB.COm" />
<input type=button value="이 웹사이트 주소를 복사하려면 여기를 클릭하세요" onclick="CopyUrl(imgurl);"
<br />
<br/>
범위 태그의 콘텐츠 복사
<스크립트 유형="텍스트/자바스크립트">
</script>
<br />
<br />
<script type="text/javascript">함수 copyText(obj)
{
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("복사");
rng.collapse(false);
Alert("복사 성공!");
}
</script>
코드 조각은 다음과 같습니다.< br />
<br />
<span id="tbid">http://pmp.www.VeVB.COm</span>
[<a href="#" onclick="copyText(document.all.tbid)">복사하려면 클릭하세요</a>]<br/><br/>
<span id="tbid2">http://www.www.VeVB.COm/pmp</span>
[<a href="#" onclick="copyText(document.all.tbid2)">복사하려면 클릭</a>]<br/><br/>
</p>
</body>
</html>
또 다른 방법이 있습니다:
함수 copyQQ(qq){
var obj=document.getElementById(qq);
obj.select();
js=obj.createTextRange();
js.execCommand("복사");
Alert("코드가 성공적으로 복사되었습니다!");
}
//복사된 내용을 설정하고 이 웹사이트의 URL을 추가합니다.
함수 SetCopyContent() {
window.event.returnValue = 거짓;
var content = document.title + "/r/n";
콘텐츠 += document.getElementById("txt1").value + "/r/n";
content += "이 리소스의 출처:" + this.location.href;
window.clipboardData.setData('텍스트', 콘텐츠);
Alert("성공적으로 복사되었습니다. QQ/MSN에 붙여넣고 친구에게 추천해 주세요.");
}
부르다:
<input id="txt1" type="text" value="Hello World!" onclick="getTxtSelect(event)"/>
<input type="button" value="텍스트 상자의 값 복사" onclick="SetCopyContent();"
다음과 같이 코드 코드를 복사합니다.
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="서버">
<title>창 개체 02의 속성</title>
<스크립트 언어="자바스크립트" 유형="텍스트/자바스크립트">
/*
window.screen 객체: 화면 관련 정보를 포함하는 화면 객체입니다.
window.clipboardData 객체: 클립보드 객체, 클립보드 작업을 위한 객체. (웹 페이지 내에서는 텍스트 복사 또는 서식 지정만 지원됩니다.)
clearData("Text"): 클립보드를 지웁니다.
getData("Text"): 클립보드의 값을 읽습니다. IE에서는 텍스트 텍스트 형식만 지원됩니다.
setData("Text",value): 클립보드에 값을 설정합니다.
사례: 친구에게 주소를 복사하고 메모를 확인하세요.
복사 비활성화: 본문 oncopy 이벤트에서 return false를 설정합니다.
oncopy, onpase 이벤트: 이벤트 복사 및 붙여넣기, 대부분의 컨트롤에 사용할 수 있습니다.
*/
//화면 해상도
함수 screenInfo() {
if (window.screen.width < 1024 || window.screen.height < 768) {
window.alert("당신의 컴퓨터는 선사시대 제품입니다!");
반품;
}
window.alert("해상도는: " + window.screen.width + " " + window.screen.height);
}
//친구에게 주소 복사
함수 operClipBoard() {
var divObj = document.getElementById("divClipBoard");
var 콘텐츠 = divObj.innerText;
content = "복사한 콘텐츠:" + content + "/r/n 리소스 소스:" + window.location.href;
window.alert('복사 성공!');
//이 속성은 고객이 콘텐츠를 복사한 후에만 콘텐츠를 표시합니다.
window.alert(window.clipboardData.getData("텍스트"));
window.clipboardData.setData("Text",content);
}
//웹페이지 복사는 금지되어 있습니다.
함수 forbidCopy() {
window.alert("웹페이지의 내용을 볼 수는 있지만 이동할 수는 없습니다!");
거짓을 반환;
}
</script>
</head>
<body onload="screenInfo();" oncopy="forbidCopy();"
<form id="form1" runat="서버">
<div id="divClipBoard" onclick="operClipBoard();"
//www.VeVB.COM
</div>
<시간 />
비밀번호 입력:
<input type="text" oncopy="window.alert('복사 금지!');return false;"
비밀번호를 다시 입력하세요.
<input type="text" onpaste="window.alert('붙여넣기 금지!');return false;"
</form>
</body>
</html>
다음과 같이 코드 코드를 복사합니다.
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="서버">
<제목></제목>
<스크립트 언어="자바스크립트" 유형="텍스트/자바스크립트">
/*
div에 oncopy 이벤트가 없습니다
본문과 텍스트 상자에 이 이벤트가 있습니다.
*/
함수 OperClipBoard() {
window.clipboardData.setData("Text", window.clipboardData.getData("Text") + "/r/n이 리소스의 출처:" + window.location.href);
}
/*
처리: Oncopy가 먼저 실행됩니다. 실행 후 콘텐츠를 페이스트보드에 복사만 합니다. 두 번 처리해야 하는 경우 콘텐츠가 페이스트보드에 복사될 때까지 기다린 다음 두 가지 작업, 즉 값을 처리합니다. ,
할당 작업 중
*/
함수 copyContent()
{
window.setTimeout("OperClipBoard()", 100);
}
</script>
</head>
<본문>
<form id="form1" runat="서버">
<div oncopy="copyContent();">
안녕하세요 MyJSWorld입니다!
</div>
<br />
<input type="text" oncopy="OperClipBoard();" value="Hello MyJSWorld!"
</form>
</body>
</html>