Nota: IE7 e IE8 possuem permissões de cópia para páginas da web, que precisam ser definidas no script "Nível personalizado" em "Segurança"
objeto da área de transferênciaData
Fornece acesso à área de transferência.
três métodos
1.clearData(sDataFormat) exclui os dados no formato especificado da área de transferência.
2.getData(sDataFormat) Obtém dados no formato especificado da área de transferência.
3.setData(sDataFormat, sData) atribui dados no formato especificado à área de transferência. Retornar verdadeiro indica que a operação foi bem-sucedida.
exemplo
<linguagem script="JavaScript">
<!--
var texto = "123";
if (!window.clipboardData.setData('Text', text)) // Atribuir dados em formato de texto
{
alert("Falha na cópia!");
}
text = window.clipboardData.getData('Text'); // Obtém dados em formato de texto
alerta(texto);
window.clipboardData.clearData('Text'); // Limpa dados de formato de texto
texto = window.clipboardData.getData('Texto');
alerta(texto);
//-->
</script>
Alguns métodos:
<!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">
<cabeça>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Copiar código Js</title>
</head>
<corpo>
<p>
<input type="button" name="anniu1" onClick='copyToClipBoard()' value="Copie o endereço do tópico e o endereço da url e envie-os para amigos no QQ/MSN">
<linguagem script="javascript">
função copyToClipBoard(){
var clipBoardContent="";
clipBoardContent+=document.title;
clipBoardContent+="";
clipBoardContent+=this.location.href;
window.clipboardData.setData("Texto",clipBoardContent);
alert("Copiado com sucesso, por favor cole em seu QQ/MSN e recomende para seus amigos");
}
</script>
<br />
<br />
Copie o URL diretamente
<input type="button" name="anniu2" onClick='copyUrl()' value="Copiar endereço URL">
<linguagem script="javascript">
função copyUrl()
{
var clipBoardContent=this.location.href;
window.clipboardData.setData("Texto",clipBoardContent);
alert("Cópia com sucesso!");
}
</script>
<br/>
<br/>
Ao clicar na caixa de texto, copie o conteúdo dentro da caixa de texto
<input onclick="oCopy(this)" value="Olá. O conteúdo que você deseja copiar!">
<linguagem script="javascript">
função oCopy(obj){
obj.select();
js=obj.createTextRange();
js.execCommand("Copiar")
alert("Cópia com sucesso!");
}
</script>
<br />
<br />
Copie o conteúdo de uma caixa de texto ou campo oculto
<linguagem script="javascript">
função CopyUrl(destino){
target.value=myimg.value;
alvo.select();
js=myimg.createTextRange();
js.execCommand("Copiar");
alert("Cópia com sucesso!");
}
function AddImg(alvo){
target.value="[IMG]"+myimg.value+"[/ img]";
alvo.select();
js=target.createTextRange();
js.execCommand("Copiar");
alert("Cópia com sucesso!");
}
</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="Clique aqui para copiar o endereço deste site" onclick="CopyUrl(imgurl);"
<br />
<br/>
Copiar conteúdo na tag span
<script type="texto/javascript">
</script>
<br />
<br />
<script type="text/javascript">função copyText(obj)
{
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copiar");
rng.collapse(falso);
alert("Cópia com sucesso!");
}
</script>
Aqui está o trecho de código:< br />
<br />
<span id="tbid">http://pmp.www.VeVB.COm</span>
[<a href="#" onclick="copyText(document.all.tbid)">Clique para copiar</a>]<br/><br/>
<span id="tbid2">http://www.www.VeVB.COm/pmp</span>
[<a href="#" onclick="copyText(document.all.tbid2)">Clique para copiar</a>]<br/><br/>
</p>
</body>
</html>
Existe outra maneira:
função copiarQQ(qq){
var obj=document.getElementById(qq);
obj.select();
js=obj.createTextRange();
js.execCommand("Copiar");
alert("O código foi copiado com sucesso!");
}
//Defina o conteúdo copiado e anexe a URL deste site
função SetCopyContent() {
janela.event.returnValue = falso;
var conteúdo = document.title + "/r/n";
conteúdo += document.getElementById("txt1").valor + "/r/n";
content += "Este recurso vem de" + this.location.href;
window.clipboardData.setData('Texto', conteúdo);
alert("Copiado com sucesso, por favor cole em seu QQ/MSN e recomende para seus amigos");
}
Chamar:
<input id="txt1" type="text" value="Olá mundo!" onclick="getTxtSelect(event)"/>
<input type="button" value="Copiar o valor na caixa de texto" onclick="SetCopyContent();"
Copie o código do código da seguinte forma:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="servidor">
<title>Propriedades do objeto Window 02</title>
<linguagem script="javascript" type="text/javascript">
/*
Objeto window.screen: Objeto de tela, contendo informações relacionadas à tela.
Objeto window.clipboardData: objeto da área de transferência, objeto para operações da área de transferência. (Apenas a cópia ou formatação de texto pode ser suportada na página da web)
clearData("Texto"): Limpa a área de transferência
getData("Texto"): Leia o valor da área de transferência. Somente o formato de texto Texto é suportado no IE.
setData("Texto",valor): Define o valor na área de transferência
Caso: Copie o endereço para um amigo, veja as notas
Desative a cópia: defina return false no evento body oncopy;
eventos oncopy, onpase: eventos de copiar e colar, podem ser usados para a maioria dos controles
*/
//Resolução da tela
função telaInfo() {
if (window.screen.width < 1024 || window.screen.height < 768) {
window.alert("Seu computador é um produto pré-histórico!");
retornar;
}
window.alert("Sua resolução é: " + window.screen.width + " " + window.screen.height);
}
//Copia o endereço para o amigo
função operClipBoard() {
var divObj = document.getElementById("divClipBoard");
var conteúdo = divObj.innerText;
content = "O conteúdo que você copiou é:" + content + "/r/n Fonte do recurso:" + window.location.href;
window.alert('Copiar com sucesso!');
//Este atributo só exibirá o conteúdo após o cliente copiá-lo.
window.alert(window.clipboardData.getData("texto"));
window.clipboardData.setData("Texto",conteúdo);
}
//Páginas da Web estão proibidas de serem copiadas
função proibirCópia() {
window.alert("O conteúdo da página web pode ser visualizado, mas não pode ser movido!");
retornar falso;
}
</script>
</head>
<body onload="screenInfo();" oncopy="forbidCopy();"
<form id="form1" runat="servidor">
<div id="divClipBoard" onclick="operClipBoard();"
//www.VeVB.COm
</div>
<hr />
Digite a senha:
<input type="text" oncopy="window.alert('Cópia proibida!');return false;"
Digite sua senha novamente:
<input type="text" onpaste="window.alert('Colar proibido!');return false;"
</form>
</body>
</html>
Copie o código do código da seguinte forma:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="servidor">
<título></título>
<linguagem script="javascript" type="text/javascript">
/*
div não tem evento oncopy
corpo e caixa de texto têm este evento
*/
função OperClipBoard() {
window.clipboardData.setData("Texto", window.clipboardData.getData("Texto") + "/r/nEste recurso vem de:" + window.location.href);
}
/*
Processo: Oncopy é acionado primeiro. Após o acionamento, ele apenas copia o conteúdo para a área de transferência. Caso precise ser processado duas vezes, aguarde a cópia do conteúdo para a área de transferência e depois execute duas operações, ou seja, após processar o valor. ,
Durante a operação de atribuição
*/
função copyContent()
{
window.setTimeout("OperClipBoard()", 100);
}
</script>
</head>
<corpo>
<form id="form1" runat="servidor">
<div oncopy="copyContent();">
Olá MyJSWorld!
</div>
<br />
<input type="text" oncopy="OperClipBoard();" value="Olá MyJSWorld!"
</form>
</body>
</html>