ZeroClipboard es una clase de biblioteca cruzada que usa Flash para copiar, por lo que puede ejecutarse mientras el navegador esté equipado con flash, y es más flexible que el documento de IE.execcommand ("Copia").
ZeroClipboard Dirección de descarga: //www.vevb.com/jiaoben/24961.html
ZeroClipboard implementa la función de copiar a los cartuchos por múltiples navegadores (botones de copia individuales y múltiples botones de copia) Para una mejor experiencia del usuario, muchos sitios web ahora solo necesitan hacer clic en el botón Copiar para copiar el contenido a Cheet Board;
Por razones de compatibilidad, básicamente se logra a través de ZeroClipboard. Primero, debe descargar ZeroClipboard. Después de la descompresión, coloque ZeroClipboard.js, ZeroClipboard.swf, ZeroClipboard10.swf ("para flash10") en el proyecto. SWF se puede cargar a través del método ZeroClipboard.SetMoviePath ('/zeroClipboard.swf');
A continuación se resuelve el código (también ordenado a través de la búsqueda en línea)
(Botón de copia única):
HTML:
La copia del código es la siguiente:
<input type = "text" value = "text" id = "copy_txt"/> <a href = "javascirc :;" id = "copy_btn"> copia </a>
<script language = "javaScript">
ZeroClipboard.setMoviePath ('zeroClipboard.swf'); // setmoviepath debe establecerse si no está en el mismo directorio que html
ZeroClipboard.setMoviePath ('ZeroClipboard10.swf');
var clip = nuevo zeroClipboard.client (); // crear un nuevo objeto de portapapeles cero
clip.settext (''); // se establecerá más tarde en Mousedown // Borrar el portapapeles
clip.sethandCursor (verdadero); // Establecer la forma cuando el mouse se mueve al cuadro de copia
clip.setcsseftects (verdadero); // Habilitar CSS
clip.addeventListener ('completo', función (cliente, texto) {// ESCURIR EVISO Después de que se complete la copia
alerta ("aa")
clip.hide (); // Después de copiar una vez, Hide () invalida el botón de copia, evitando los cálculos repetidos del número de usos
});
clip.addeventListener ('MouseDown', function (cliente) {
clip.settext (document.getElementById ('Copy_txt'). Valor);
});
clip.glue ('copy_btn');
</script>
Botones de copia múltiples:
La copia del código es la siguiente:
<input type = "text" value = "text" id = "copy_txt0"/> <a href = "javascirct :;" id = "copy_btn0" data = '0'> Copy </a>
<input type = "text" value = "text" id = "copy_txt1"/> <a href = "javascirct :;" id = "copy_btn1" data = '1'> Copy </a>
<input type = "text" value = "text" id = "copy_txt2"/> <a href = "javascirct :;" id = "copy_btn2" data = '2'> Copy </a>
<script language = "javaScript">
$ (". CopyBtn"). Cada (función (i) {
var id = $ (this) .attr ('data');
var clip = null;
clip = new ZeroClipboard.client ();
ZeroClipboard.setMoviePath ('zeroClipboard.swf'); // setmoviepath debe establecerse si no está en el mismo directorio que html
ZeroClipboard.setMoviePath ('ZeroClipboard10.swf');
clip.sethandCursor (verdadero);
clip.settext ($ ("#copy_txt"+id) .val ());
clip.addeventListener ('completo', función (cliente, texto) {
alerta ("Felicitaciones por la copia exitosa");
});
clip.glue ('copy_btn'+id);
});
</script>
Nota: clip.settext ($ ("#copy_txt"+id) .val ()); Si va a obtener el contenido en el DIV, generalmente usa clip.settext ($ ("#copy_txt"+id) .Text ()); o clip.setText ($ ("#copy_txt"+id) .html ());