Método de implementação do Zeroclipboard de botão de cópia única e múltiplos botões de cópia

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 ());