Remarque : IE7 et IE8 disposent d'autorisations de copie pour les pages Web, qui doivent être définies dans le script "Niveau personnalisé" dans "Sécurité".
objet clipboardData
Donne accès au presse-papiers.
trois méthodes
1.clearData(sDataFormat) supprime les données au format spécifié du presse-papiers.
2.getData(sDataFormat) Obtient les données au format spécifié à partir du presse-papiers.
3.setData(sDataFormat, sData) attribue les données au format spécifié au presse-papiers. Renvoyer true indique que l’opération a réussi.
exemple
<langage de script="JavaScript">
<!--
var texte = "123" ;
if (!window.clipboardData.setData('Text', text)) // Attribuer des données au format texte
{
alert("Échec de la copie !");
}
text = window.clipboardData.getData('Text'); // Récupère les données au format texte
alerte (texte);
window.clipboardData.clearData('Text'); // Effacer les données au format texte
texte = window.clipboardData.getData('Texte');
alerte (texte);
//-->
</script>
Quelques méthodes :
<!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">
<tête>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Copier le code Js</title>
</tête>
<corps>
<p>
<input type="button" name="anniu1" onClick='copyToClipBoard()' value="Copiez l'adresse du sujet et l'adresse URL et envoyez-les à vos amis sur QQ/MSN">
<langage de script="javascript">
fonction copyToClipBoard(){
var clipBoardContent="";
clipBoardContent+=document.titre;
clipBoardContent+="";
clipBoardContent+=this.location.href;
window.clipboardData.setData("Texte",clipBoardContent);
alert("Copié avec succès, veuillez le coller dans votre QQ/MSN et le recommander à vos amis");
}
</script>
<br />
<br />
Copiez l'url directement
<input type="button" name="anniu2" onClick='copyUrl()' value="Copier l'adresse URL">
<langage de script="javascript">
fonction copyUrl()
{
var clipBoardContent=this.location.href;
window.clipboardData.setData("Texte",clipBoardContent);
alert("Copie réussie !");
}
</script>
<br/>
<br/>
Lorsque vous cliquez sur la zone de texte, copiez le contenu à l'intérieur de la zone de texte
<input onclick="oCopy(this)" value="Bonjour. Le contenu que vous souhaitez copier !">
<langage de script="javascript">
fonction oCopie(obj){
obj.select();
js=obj.createTextRange();
js.execCommand("Copier")
alert("Copie réussie !");
}
</script>
<br />
<br />
Copier le contenu d'une zone de texte ou d'un champ masqué
<langage de script="javascript">
fonction CopyUrl (cible) {
target.value=myimg.value;
cible.select();
js=myimg.createTextRange();
js.execCommand("Copier");
alert("Copie réussie !");
}
fonction AddImg(cible){
target.value="[IMG]"+myimg.value+"[/ img]";
cible.select();
js=target.createTextRange();
js.execCommand("Copier");
alert("Copie réussie !");
}
</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="Cliquez ici pour copier l'adresse de ce site Web" onclick="CopyUrl(imgurl);"
<br />
<br/>
Copier le contenu dans la balise span
<script type="text/javascript">
</script>
<br />
<br />
<script type="text/javascript">fonction copyText(obj)
{
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copie");
rng.collapse(false);
alert("Copie réussie !");
}
</script>
Voici l'extrait de code :< br />
<br />
<span id="tbid">http://pmp.www.VeVB.COm</span>
[<a href="#" onclick="copyText(document.all.tbid)">Cliquez pour copier</a>]<br/><br/>
<span id="tbid2">http://www.www.VeVB.COm/pmp</span>
[<a href="#" onclick="copyText(document.all.tbid2)">Cliquez pour copier</a>]<br/><br/>
</p>
</corps>
</html>
Il existe une autre manière :
fonction copieQQ(qq){
var obj=document.getElementById(qq);
obj.select();
js=obj.createTextRange();
js.execCommand("Copier");
alert("Le code a été copié avec succès !");
}
//Définissez le contenu copié et ajoutez l'URL de ce site Web
fonction SetCopyContent() {
window.event.returnValue = faux ;
var content = document.titre + "/r/n" ;
contenu += document.getElementById("txt1").value + "/r/n";
content += "Cette ressource provient de" + this.location.href;
window.clipboardData.setData('Texte', contenu);
alert("Copié avec succès, veuillez le coller dans votre QQ/MSN et le recommander à vos amis");
}
Appel:
<input id="txt1" type="text" value="Bonjour tout le monde !" onclick="getTxtSelect(event)"/>
<input type="button" value="Copier la valeur dans la zone de texte" onclick="SetCopyContent();" />
Copiez le code comme suit :
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="serveur">
<title>Propriétés de l'objet Window 02</title>
<langage de script="javascript" type="text/javascript">
/*
Objet window.screen : objet écran, contenant des informations relatives à l'écran.
Objet window.clipboardData : objet presse-papiers, objet pour les opérations du presse-papiers. (Seule la copie ou le formatage du texte peut être pris en charge dans la page Web)
clearData("Text") : Effacer le presse-papiers
getData("Text") : lit la valeur du presse-papiers. Seul le format de texte Texte est pris en charge dans IE.
setData("Text",value) : Définir la valeur dans le presse-papiers
Cas : Copiez l'adresse à un ami, voir les notes
Désactiver la copie : définissez return false dans l'événement body oncopy ;
événements oncopy, onpase : copier et coller des événements, peuvent être utilisés pour la plupart des contrôles
*/
//Résolution d'écran
fonction screenInfo() {
if (window.screen.width < 1024 || window.screen.height < 768) {
window.alert("Votre ordinateur est un produit préhistorique !");
retour;
}
window.alert("Votre résolution est : " + window.screen.width + " " + window.screen.height);
}
// Copier l'adresse à un ami
fonction operClipBoard() {
var divObj = document.getElementById("divClipBoard");
var content = divObj.innerText;
content = "Le contenu que vous avez copié est :" + content + "/r/n Source de ressources :" + window.location.href;
window.alert('Copie réussie !');
//Cet attribut n'affichera le contenu qu'une fois que le client l'aura copié.
window.alert(window.clipboardData.getData("text"));
window.clipboardData.setData("Texte",content);
}
// Il est interdit de copier les pages Web
fonction interdireCopie() {
window.alert("Le contenu de la page Web peut être visualisé mais ne peut pas être déplacé !");
renvoie faux ;
}
</script>
</tête>
<body onload="screenInfo();" oncopy="forbidCopy();"
<form id="form1" runat="serveur">
<div id="divClipBoard" onclick="operClipBoard();"
//www.VeVB.COm
</div>
<heure />
Entrez le mot de passe :
<input type="text" oncopy="window.alert('Copie interdite !');return false;" />
Saisissez à nouveau votre mot de passe :
<input type="text" onpaste="window.alert('Collage interdit !');return false;" />
</form>
</corps>
</html>
Copiez le code comme suit :
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="serveur">
<titre></titre>
<langage de script="javascript" type="text/javascript">
/*
div n'a pas d'événement oncopy
le corps et la zone de texte ont cet événement
*/
fonction OperClipBoard() {
window.clipboardData.setData("Text", window.clipboardData.getData("Text") + "/r/nCette ressource provient de :" + window.location.href);
}
/*
Processus : Oncopy est déclenché en premier. Après le déclenchement, il copie uniquement le contenu dans le presse-papiers. S'il doit être traité deux fois, attendez que le contenu soit copié dans le presse-papiers, puis effectuez deux opérations, c'est-à-dire après avoir traité la valeur. ,
Pendant l'opération d'affectation
*/
fonction copyContent()
{
window.setTimeout("OperClipBoard()", 100);
}
</script>
</tête>
<corps>
<form id="form1" runat="serveur">
<div oncopy="copyContent();">
Bonjour MyJSWorld !
</div>
<br />
<input type="text" oncopy="OperClipBoard();" value="Bonjour MyJSWorld !"
</form>
</corps>
</html>