หมายเหตุ: IE7 และ IE8 มีสิทธิ์ในการคัดลอกหน้าเว็บ ซึ่งจำเป็นต้องตั้งค่าในสคริปต์ "ระดับที่กำหนดเอง" ใน "ความปลอดภัย"
วัตถุคลิปบอร์ดข้อมูล
ให้การเข้าถึงคลิปบอร์ด
สามวิธี
1.clearData(sDataFormat) ลบข้อมูลในรูปแบบที่ระบุออกจากคลิปบอร์ด
2.getData(sDataFormat) รับข้อมูลในรูปแบบที่ระบุจากคลิปบอร์ด
3.setData(sDataFormat, sData) กำหนดข้อมูลในรูปแบบที่ระบุให้กับคลิปบอร์ด การส่งคืนค่าจริงบ่งชี้ว่าการดำเนินการสำเร็จ
ตัวอย่าง
<ภาษาสคริปต์ = "จาวาสคริปต์">
-
ข้อความ var = "123";
if (!window.clipboardData.setData('Text', text)) // กำหนดข้อมูลในรูปแบบข้อความ
-
alert("การคัดลอกล้มเหลว!");
-
text = window.clipboardData.getData('Text'); // รับข้อมูลในรูปแบบข้อความ
การแจ้งเตือน (ข้อความ);
window.clipboardData.clearData('Text'); // ล้างข้อมูลรูปแบบข้อความ
ข้อความ = window.clipboardData.getData('ข้อความ');
การแจ้งเตือน (ข้อความ);
-
</สคริปต์>
วิธีการบางอย่าง:
<!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>
</หัว>
<ร่างกาย>
<p>
<input type="button" name="anniu1" onClick='copyToClipBoard()' value="คัดลอกที่อยู่หัวข้อและที่อยู่ URL และส่งให้เพื่อนบน QQ/MSN">
<ภาษาสคริปต์ = "จาวาสคริปต์">
ฟังก์ชั่น copyToClipBoard(){
var clipBoardContent="";
clipBoardContent+=document.title;
คลิปบอร์ดเนื้อหา+="";
clipBoardContent+=this.location.href;
window.clipboardData.setData("ข้อความ",clipBoardContent);
alert("คัดลอกเรียบร้อยแล้ว กรุณาวางลงใน QQ/MSN ของคุณและแนะนำให้เพื่อนของคุณ");
-
</สคริปต์>
<br />
<br />
คัดลอก URL โดยตรง
<input type="button" name="anniu2" onClick='copyUrl()' value="คัดลอกที่อยู่ URL">
<ภาษาสคริปต์ = "จาวาสคริปต์">
ฟังก์ชั่น copyUrl()
-
var clipBoardContent=this.location.href;
window.clipboardData.setData("ข้อความ",clipBoardContent);
alert("คัดลอกสำเร็จ!");
-
</สคริปต์>
<br/>
<br/>
เมื่อคลิกที่กล่องข้อความ ให้คัดลอกเนื้อหาภายในกล่องข้อความ
<input onclick="oCopy(this)" value="Hello. The content you want to copy!">
<ภาษาสคริปต์ = "จาวาสคริปต์">
ฟังก์ชั่น oCopy (obj) {
obj.เลือก();
js=obj.createTextRange();
js.execCommand("คัดลอก")
alert("คัดลอกสำเร็จ!");
-
</สคริปต์>
<br />
<br />
คัดลอกเนื้อหาของกล่องข้อความหรือช่องที่ซ่อนอยู่
<ภาษาสคริปต์ = "จาวาสคริปต์">
ฟังก์ชั่น CopyUrl (เป้าหมาย) {
target.value=myimg.value;
เป้าหมาย.เลือก();
js=myimg.createTextRange();
js.execCommand("คัดลอก");
alert("คัดลอกสำเร็จ!");
-
ฟังก์ชั่น AddImg (เป้าหมาย) {
target.value="[IMG]"+myimg.value+"[/ img]";
เป้าหมาย.เลือก();
js=target.createTextRange();
js.execCommand("คัดลอก");
alert("คัดลอกสำเร็จ!");
-
</สคริปต์>
<ชื่ออินพุต=myimg type=hidden id=myimg value="http://pmp.www.VeVB.COm" />
<ชื่ออินพุต=imgurl type=ขนาดข้อความ=32 ค่า="http://pmp.www.VeVB.COm" />
<input type=button value="คลิกที่นี่เพื่อคัดลอกที่อยู่เว็บไซต์นี้" onclick="CopyUrl(imgurl); />
<br />
<br/>
คัดลอกเนื้อหาในแท็ก span
<script type="text/javascript">
</สคริปต์>
<br />
<br />
<script type="text/javascript">ฟังก์ชัน copyText(obj)
-
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.เลือก();
rng.execCommand("คัดลอก");
rng.ยุบ(เท็จ);
alert("คัดลอกสำเร็จ!");
-
</สคริปต์>
นี่คือข้อมูลโค้ด:< 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>
</ร่างกาย>
</html>
มีวิธีอื่น:
ฟังก์ชั่น copyQQ (qq) {
var obj=document.getElementById(qq);
obj.เลือก();
js=obj.createTextRange();
js.execCommand("คัดลอก");
alert("คัดลอกโค้ดเรียบร้อยแล้ว!");
-
//ตั้งค่าเนื้อหาที่คัดลอกและต่อท้าย URL ของเว็บไซต์นี้
ฟังก์ชั่น SetCopyContent() {
window.event.returnValue = เท็จ;
เนื้อหา var = document.title + "/r/n";
เนื้อหา += document.getElementById("txt1").value + "/r/n";
เนื้อหา += "ทรัพยากรนี้มาจาก" + 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">
<หัว runat="เซิร์ฟเวอร์">
<title>คุณสมบัติของวัตถุหน้าต่าง 02</title>
<script language="javascript" type="text/javascript">
-
วัตถุ window.screen: วัตถุหน้าจอที่มีข้อมูลที่เกี่ยวข้องกับหน้าจอ
วัตถุ window.clipboardData: วัตถุคลิปบอร์ด วัตถุสำหรับการดำเนินงานคลิปบอร์ด (รองรับเฉพาะการคัดลอกหรือจัดรูปแบบข้อความภายในหน้าเว็บเท่านั้น)
clearData("Text"): ล้างคลิปบอร์ด
getData("Text"): อ่านค่าของคลิปบอร์ดเฉพาะรูปแบบข้อความเท่านั้นที่ได้รับการสนับสนุนใน IE
setData("Text",value): ตั้งค่าในคลิปบอร์ด
กรณี: คัดลอกที่อยู่ให้เพื่อน ดูหมายเหตุ
ปิดการใช้งานการคัดลอก: ตั้งค่า return false ในเหตุการณ์ oncopy เนื้อหา
oncopy, เหตุการณ์ onpase: คัดลอกและวางเหตุการณ์ สามารถใช้สำหรับการควบคุมส่วนใหญ่
-
//ความละเอียดหน้าจอ
ฟังก์ชั่น screenInfo () {
ถ้า (window.screen.width < 1,024 || 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("ข้อความ",เนื้อหา);
-
//ห้ามคัดลอกหน้าเว็บ
ฟังก์ชั่น forbidCopy() {
window.alert("เนื้อหาในเว็บเพจสามารถดูได้แต่ไม่สามารถย้ายได้!");
กลับเท็จ;
-
</สคริปต์>
</หัว>
<body onload="screenInfo();" oncopy="forbidCopy();" >
<form id="form1" runat="server">
<div id="divClipBoard" onclick="operClipBoard();" >
//www.VeVB.COm
</div>
<ชม. />
ใส่รหัสผ่าน:
<input type="text" oncopy="window.alert('ห้ามคัดลอก!');return false; />
ป้อนรหัสผ่านของคุณอีกครั้ง:
<input type="text" onpaste="window.alert('Paste ห้าม!');return false; />
</แบบฟอร์ม>
</ร่างกาย>
</html>
คัดลอกรหัสรหัสดังต่อไปนี้:
<html xmlns="http://www.w3.org/1999/xhtml">
<หัว runat="เซิร์ฟเวอร์">
<title></title>
<script language="javascript" type="text/javascript">
-
div ไม่มีเหตุการณ์ oncopy
เนื้อหาและกล่องข้อความมีกิจกรรมนี้
-
ฟังก์ชั่น OperClipBoard() {
window.clipboardData.setData("Text", window.clipboardData.getData("Text") + "/r/nทรัพยากรนี้มาจาก:" + window.location.href);
-
-
กระบวนการ: Oncopy จะถูกทริกเกอร์ก่อน หลังจากทริกเกอร์ ระบบจะคัดลอกเนื้อหาไปยังเพสต์บอร์ดเท่านั้น หากจำเป็นต้องประมวลผลสองครั้ง ให้รอจนกว่าเนื้อหาจะถูกคัดลอกไปยังเพสต์บอร์ด จากนั้นจึงดำเนินการสองครั้ง นั่นคือหลังจากประมวลผลค่าแล้ว ,
ระหว่างดำเนินการมอบหมายงาน
-
ฟังก์ชั่น copyContent ()
-
window.setTimeout("OperClipBoard()", 100);
-
</สคริปต์>
</หัว>
<ร่างกาย>
<form id="form1" runat="server">
<div oncopy="copyContent();">
สวัสดี MyJSWorld!
</div>
<br />
<input type="text" oncopy="OperClipBoard();" value="Hello MyJSWorld!" />
</แบบฟอร์ม>
</ร่างกาย>
</html>