No entanto, vale a pena notar que a introdução oficial afirmou claramente que esse plug-in não suporta o IE6. Abaixo fornecerá a implementação da função de cópia da área de transferência zero multi-instinitada e o método de escrita compatível do IE6!
Baixe a Zeroclipboard First //www.vevb.com/jiaoben/24961.html
<style type = "text/css"> body {font-family: Arial, sem serrif; Size da fonte: 9pt; } .copyit {text-align: Center; borda: 1px sólido #fd6001; Background-Color:#ED730B; margem: 10px; preenchimento: 2px 5px; Cursor: Ponteiro; tamanho de fonte: 12px; Radius de fronteira: 3px;} .copyit.Hover {Background-Color:#fd6001;}. copyit.active {Background-color:#d25102;}/*Efeito do mouse, na verdade, é chamando o SetcSseffects () Método*/ .copy_info {width 260px; #ccc; preenchimento: 5px;} </style> <script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script> <script = "" src = "/js/zeroclipboard/zeroclipboard.js"> </script> <div> <textarea id = "fe_text" cols = 50 linhas = 5> o primeiro conteúdo copiado! ! ! </sexttarea> <b> copiar conteúdo </b> </div> <br/> <div> <texttarea id = "fe_text" cols = 50 linhas = 5> o segundo conteúdo copiado! ! ! </sexttarea> <b> Copiar conteúdo </b> </div> <script type = "text/javascript"> var clip = null; função copythis () {if ($. browSer.version == 6.0) {// para ie6 $ ('. copyit'). código = $ (this) .parents (". clip_container"). find (". copycnt"). text (); window.clipboarddata.setdata ("text", código); alert ('Conteúdo copiado:/n'+código); return;} zeroclipboard.setMoviePath ("http://img.vevb.com/js/scripts/clipboard.swf '"); // se zeroclipboard.js, zeroclipboard.swf é colocado no mesmo diretório, esta sentença pode ser omitida; clip = new zeroclipboard.client (); $ ('. copyit'). mouseOver (function () {var code = $ (this) .parents (". clip_container"). find (". Quando o mouse mouse é usado //clip.receiveEvent('mouseout ', nulo); clip.adDeventListener ('Complete', function (cliente, texto) {alert ("Conteúdo copiado: /n"+text);});} copythis (); < /script> <sexttarea> Cole o conteúdo copiado aqui para experimentá -lo! ! </sexttarea>No método de implementação acima, exceto no IE6 usando window.clipboarddata.setData para implementar a função de cópia, outros navegadores usam o plug-in Zero Clipboard para implementar a função de cópia!
Algumas coisas nas quais você deve prestar atenção ao usar este plugin:
1. O zeroclipboard acima e o zeroclipboard.swf precisa ser colocado no mesmo caminho. Se você não estiver no mesmo caminho, poderá usar o Zeroclipboard.SetMoviePath ("Caminho do Flash"); Para definir o endereço Zeroclipboard.swf.
2. Análise do método setCSseffects (): Quando o mouse se move para o botão ou clica, devido à obstrução do botão Flash, as pseudo-classes como ": Passe" e ": ativo" do corpo do botão de cópia podem ser inválidas. O método setCSseffects () é resolver esse problema. Primeiro, precisamos mudar a pseudo-classe em uma classe, por exemplo:
A cópia do código é a seguinte:
.copyit: hover {
cor de borda:#ff6633;
}
// você precisa mudar ": mouse" para o seguinte ".Hover"
.copyit.Hover {
cor de borda:#ff6633;
}
3. Análise do método Gethtml (): se você deseja instância de um flash sem usar o método de fixação da Zero Clipboard, esse método pode ajudar. Ele aceita dois parâmetros, a saber, a largura e a altura do flash. O código HTML correspondente ao flash é retornado. Por exemplo:
var html = clip.gethtml (150, 20);