O Zeroclipboard é uma classe de biblioteca de navegador cruzada que usa flash para copiar, para que possa ser executado enquanto o navegador estiver equipado com flash e é mais flexível que o documento do IE.ExecCommand ("Copy").
Endereço para download da Zeroclipboard: //www.vevb.com/jiaoben/24961.html
Zeroclipboard implementa a função de copiar para a Pasteboard por vários navegadores (botões de cópia única e vários botões de cópia) para melhorar a experiência do usuário, muitos sites agora precisam clicar apenas no botão Copiar para copiar o conteúdo para Pasteboard;
Por razões de compatibilidade, é basicamente alcançado através da Zeroclipboard. Primeiro, você precisa baixar o Zeroclipboard. Após a descompressão, coloque Zeroclipboard.js, zeroclipboard.swf, zeroclipboard10.swf ("para flash10") no projeto. O SWF pode ser carregado através do método Zeroclipboard.SetMoviePath ('/zeroclipboard.swf');
Abaixo está o código resolvido (também resolvido através da pesquisa on -line)
(Botão de cópia única):
html:
A cópia do código é a seguinte:
<input type = "text" value = "text" id = "copy_txt"/> <a href = "javascirc :;" id = "copy_btn"> cópia </a>
<Script Language = "JavaScript">
Zeroclipboard.setmoviepath ('zeroclipboard.swf'); // setMoviePath deve ser definido se não estiver no mesmo diretório que HTML
Zeroclipboard.setmoviepath ('zeroclipboard10.swf');
var clip = new Zeroclipboard.client (); // Crie um novo objeto ZERO de transferência
clip.settext (''); // será definido mais tarde em mousedown // limpe a área de transferência
clip.SetHandCursor (true); // Defina a forma quando o mouse se move para a caixa de cópia
clip.setcSseffects (true); // Ativar CSS
clip.addeventListener ('Complete', function (cliente, texto) {// OUVIR EVENTO APÓS A COPYIR é concluída
Alerta ("AA")
clip.hide (); // Depois de copiar uma vez, ocultar () invalida o botão de cópia, impedindo cálculos repetidos do número de usos
});
clip.addeventListener ('Mousedown', função (cliente) {
clip.settext (document.getElementById ('copy_txt'). value);
});
clip.glue ('copy_btn');
</script>
Múltiplos botões de cópia:
A cópia do código é a seguinte:
<input type = "text" value = "text" id = "copy_txt0"/> <a href = "javascirct :;" id = "copy_btn0" dados = '0'> cópia </a>
<input type = "text" value = "text" id = "copy_txt1"/> <a href = "javascirct :;" id = "copy_btn1" dados = '1'> cópia </a>
<input type = "text" value = "text" id = "copy_txt2"/> <a href = "javascirct :;" id = "copy_btn2" dados = '2'> cópia </a>
<Script Language = "JavaScript">
$ (". copybtn"). cada (função (i) {
var id = $ (this) .attr ('dados');
var clip = null;
clip = new Zeroclipboard.client ();
Zeroclipboard.setmoviepath ('zeroclipboard.swf'); // setMoviePath deve ser definido se não estiver no mesmo diretório que HTML
Zeroclipboard.setmoviepath ('zeroclipboard10.swf');
clip.SetHandCursor (true);
clip.settext ($ ("#copy_txt"+id) .val ());
clip.addeventListener ('Complete', função (cliente, texto) {
alerta ("Parabéns pela cópia bem -sucedida");
});
clip.glue ('copy_btn'+id);
});
</script>
Nota: clip.settext ($ ("#copy_txt"+id) .val ()); Se você deseja obter o conteúdo na div, geralmente usa clip.settext ($ ("#copy_txt"+id) .text ()); ou clip.settext ($ ("#copy_txt"+id) .html ());