Hinweis: IE7 und IE8 verfügen über Kopierberechtigungen für Webseiten, die im Skript „Stufe anpassen“ unter „Sicherheit“ festgelegt werden müssen.
clipboardData-Objekt
Bietet Zugriff auf die Zwischenablage.
drei Methoden
1.clearData(sDataFormat) löscht die Daten im angegebenen Format aus der Zwischenablage.
2.getData(sDataFormat) Ruft Daten im angegebenen Format aus der Zwischenablage ab.
3.setData(sDataFormat, sData) weist der Zwischenablage Daten im angegebenen Format zu. Die Rückgabe von „true“ zeigt an, dass der Vorgang erfolgreich war.
Beispiel
<script language="JavaScript">
<!--
var text = "123";
if (!window.clipboardData.setData('Text', text)) // Daten im Textformat zuweisen
{
alarm("Kopieren fehlgeschlagen!");
}
text = window.clipboardData.getData('Text'); // Daten im Textformat abrufen
Warnung(Text);
window.clipboardData.clearData('Text'); // Textformatdaten löschen
text = window.clipboardData.getData('Text');
Warnung(Text);
//-->
</script>
Einige Methoden:
<!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">
<Kopf>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Js-Kopiercode</title>
</head>
<Körper>
<p>
<input type="button" name="anniu1" onClick='copyToClipBoard()' value="Themenadresse und URL-Adresse kopieren und an Freunde auf QQ/MSN senden">
<script language="javascript">
Funktion copyToClipBoard(){
var clipBoardContent="";
clipBoardContent+=document.title;
clipBoardContent+="";
clipBoardContent+=this.location.href;
window.clipboardData.setData("Text",clipBoardContent);
Alert("Erfolgreich kopiert, bitte fügen Sie es in Ihr QQ/MSN ein und empfehlen Sie es Ihren Freunden");
}
</script>
<br />
<br />
Kopieren Sie die URL direkt
<input type="button" name="anniu2" onClick='copyUrl()' value="URL-Adresse kopieren">
<script language="javascript">
Funktion copyUrl()
{
var clipBoardContent=this.location.href;
window.clipboardData.setData("Text",clipBoardContent);
alarm("Kopieren erfolgreich!");
}
</script>
<br/>
<br/>
Wenn Sie auf das Textfeld klicken, kopieren Sie den Inhalt in das Textfeld
<input onclick="oCopy(this)" value="Hallo. Der Inhalt, den Sie kopieren möchten!">
<script language="javascript">
Funktion oCopy(obj){
obj.select();
js=obj.createTextRange();
js.execCommand("Kopieren")
alarm("Kopieren erfolgreich!");
}
</script>
<br />
<br />
Kopieren Sie den Inhalt eines Textfelds oder ausgeblendeten Felds
<script language="javascript">
Funktion CopyUrl(target){
target.value=myimg.value;
target.select();
js=myimg.createTextRange();
js.execCommand("Kopieren");
alarm("Kopieren erfolgreich!");
}
Funktion AddImg(target){
target.value="[IMG]"+myimg.value+"[/img]";
target.select();
js=target.createTextRange();
js.execCommand("Kopieren");
alarm("Kopieren erfolgreich!");
}
</script>
<input name=myimg type=hidden id=myimg value="http://pmp.www.VeVB.COm" />
<input name=imgurl type=text size=32 value="http://pmp.www.VeVB.COm" />
<input type=button value="Klicken Sie hier, um diese Website-Adresse zu kopieren" onclick="CopyUrl(imgurl);" />
<br />
<br/>
Kopieren Sie den Inhalt in das Span-Tag
<script type="text/javascript">
</script>
<br />
<br />
<script type="text/javascript">Funktion copyText(obj)
{
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Kopieren");
rng.collapse(false);
alarm("Kopieren erfolgreich!");
}
</script>
Hier ist der Codeausschnitt:< br />
<br />
<span id="tbid">http://pmp.www.VeVB.COm</span>
[<a href="#" onclick="copyText(document.all.tbid)">Zum Kopieren klicken</a>]<br/><br/>
<span id="tbid2">http://www.www.VeVB.COm/pmp</span>
[<a href="#" onclick="copyText(document.all.tbid2)">Zum Kopieren klicken</a>]<br/><br/>
</p>
</body>
</html>
Es gibt einen anderen Weg:
Funktion copyQQ(qq){
var obj=document.getElementById(qq);
obj.select();
js=obj.createTextRange();
js.execCommand("Kopieren");
alarm("Der Code wurde erfolgreich kopiert!");
}
//Legen Sie den kopierten Inhalt fest und hängen Sie die URL dieser Website an
Funktion SetCopyContent() {
window.event.returnValue = false;
var content = document.title + "/r/n";
content += document.getElementById("txt1").value + "/r/n";
content += „Diese Ressource stammt von“ + this.location.href;
window.clipboardData.setData('Text', content);
Alert("Erfolgreich kopiert, bitte fügen Sie es in Ihr QQ/MSN ein und empfehlen Sie es Ihren Freunden");
}
Anruf:
<input id="txt1" type="text" value="Hello World!" onclick="getTxtSelect(event)"/>
<input type="button" value="Kopieren Sie den Wert im Textfeld" onclick="SetCopyContent();" />
Kopieren Sie den Codecode wie folgt:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Eigenschaften des Fensterobjekts 02</title>
<script language="javascript" type="text/javascript">
/*
window.screen-Objekt: Bildschirmobjekt, das bildschirmbezogene Informationen enthält.
window.clipboardData-Objekt: Zwischenablageobjekt, Objekt für Zwischenablageoperationen. (Innerhalb der Webseite kann nur das Kopieren oder Formatieren von Text unterstützt werden.)
clearData("Text"): Zwischenablage löschen
getData("Text"): Liest den Wert der Zwischenablage. Im IE wird nur das Textformat Text unterstützt.
setData("Text",value): Legen Sie den Wert in der Zwischenablage fest
Fall: Kopieren Sie die Adresse an einen Freund, siehe Notizen
Kopieren deaktivieren: set return false im Body-oncopy-Ereignis;
oncopy, onpase-Ereignisse: Ereignisse kopieren und einfügen, können für die meisten Steuerelemente verwendet werden
*/
//Bildschirmauflösung
Funktion screenInfo() {
if (window.screen.width < 1024 || window.screen.height < 768) {
window.alert("Ihr Computer ist ein prähistorisches Produkt!");
zurückkehren;
}
window.alert("Ihre Auflösung ist: " + window.screen.width + " " + window.screen.height);
}
//Adresse an Freund kopieren
Funktion operClipBoard() {
var divObj = document.getElementById("divClipBoard");
var content = divObj.innerText;
content = „Der von Ihnen kopierte Inhalt ist:“ + content + „/r/n Ressourcenquelle:“ + window.location.href;
window.alert('Kopieren erfolgreich!');
//Dieses Attribut zeigt den Inhalt erst an, nachdem der Kunde ihn kopiert hat.
window.alert(window.clipboardData.getData("text"));
window.clipboardData.setData("Text",content);
}
//Webseiten dürfen nicht kopiert werden
Funktion forbidCopy() {
window.alert("Der Inhalt der Webseite kann angezeigt, aber nicht verschoben werden!");
return false;
}
</script>
</head>
<body onload="screenInfo();" oncopy="forbidCopy();"
<form id="form1" runat="server">
<div id="divClipBoard" onclick="operClipBoard();" >
//www.VeVB.COm
</div>
<hr />
Passwort eingeben:
<input type="text" oncopy="window.alert('Kopieren verboten!');return false;"
Geben Sie Ihr Passwort erneut ein:
<input type="text" onpaste="window.alert('Einfügen verboten!');return false;"
</form>
</body>
</html>
Kopieren Sie den Codecode wie folgt:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script language="javascript" type="text/javascript">
/*
div hat kein Oncopy-Ereignis
Textkörper und Textfeld verfügen über dieses Ereignis
*/
Funktion OperClipBoard() {
window.clipboardData.setData("Text", window.clipboardData.getData("Text") + "/r/nDiese Ressource stammt von:" + window.location.href);
}
/*
Prozess: Oncopy wird zuerst ausgelöst. Nach dem Auslösen wird der Inhalt nur zweimal in die Zwischenablage kopiert. Warten Sie, bis der Inhalt in die Zwischenablage kopiert wurde, und führen Sie dann zwei Vorgänge aus, d. h. nach der Verarbeitung des Werts ,
Während des Zuweisungsvorgangs
*/
Funktion copyContent()
{
window.setTimeout("OperClipBoard()", 100);
}
</script>
</head>
<Körper>
<form id="form1" runat="server">
<div oncopy="copyContent();">
Hallo MyJSWorld!
</div>
<br />
<input type="text" oncopy="OperClipBoard();" value="Hello MyJSWorld!"
</form>
</body>
</html>