Sin embargo, vale la pena señalar que la introducción oficial ha declarado claramente que este complemento no admite IE6. ¡A continuación proporcionará la implementación de la función de copia del portapapeles cero multiinstificado y el método de escritura compatible de IE6!
Descargar ZeroClipboard primero //www.vevb.com/jiaoben/24961.html
<style type = "text/css"> cuerpo {font-familia: arial, sans-serif; tamaño de fuente: 9pt; } .copyit {text-align: center; borde: 1px sólido #fd6001; Color de fondo:#ED730B; margen: 10px; relleno: 2px 5px; cursor: puntero; tamaño de fuente: 12px; border-radio: 3px;} .Copyit.Hover {Background-Color:#FD6001;}. Copyit.active {en segundo plano:#D25102;}/*Efecto Hover de mouse, en realidad está llamando al método setcsseffects ()*/ .copy_info {width: 260px; altura: 100px; border: 1px sólido (). #ccc; padding: 5px;} </style> <script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script> <script type = "text/javaScript" src = "/js/zeroClipboard/zeroClipboard.js"> </script> <div> <textarea id = "fe_text" cols = 50 filas = 5> ¡el primer contenido copiado! ! ! </textAREA> <b> Copiar contenido </b> </div> <br/> <div> <textarea id = "fe_text" cols = 50 filas = 5> ¡el segundo contenido copiado! ! ! </textAREA> <b> Copiar contenido </b> </div> <script type = "text/javaScript"> var clip = null; function copyThis () {if ($. browser.version == 6.0) {// para IE6 $ ('. Copyit'). Bind ("haga clic", function () {var Var Código = $ (this) .Parents (". Clip_Container"). Find (". CopyCnt"). Text (); Window.ClipboardData.SetData ("Text", Code); Alert ('Contenido copiado:/n'+Code); return;} zeroClipboard.setMoviePath ("http://img.vevb.com/js/scripts/clipboard.swf '"); // if zeroClipboard.js, zeroClipboard.swf se coloca en el mismo directorio, esta sentencia se puede omitir; clip = new ZeroClipboard.client (); $ ('. Hover se usa //clip.ReceiveEvent('MouseOut ', null); clip.addeventListener ('completa', function (cliente, text) {alert ("contenido copiado: /n"+text);});} copyThis (); </script> <xtexarea> ¡Peque el contenido copiado aquí para probarlo! ! </textarea>En el método de implementación anterior, excepto IE6 usando Window.ClipboardData.SetData Para implementar la función Copiar, otros navegadores usan el complemento Zero Portaplay para implementar la función de copia.
Algunas cosas a las que debe prestar atención al usar este complemento:
1. El ZeroClipboard.js y ZeroClipboard anterior. SWF debe colocarse bajo la misma ruta. Si no está en la misma ruta, puede usar zeroClipboard.setMoviePath ("ruta flash"); Para establecer la dirección ZeroClipboard.swf.
2. Análisis del método setcsseftects (): cuando el mouse se mueve al botón o hace clic, debido a la obstrucción del botón flash, las pseudo-clases como ": flotante" y ": activo" del cuerpo del botón de copia pueden ser no válidos. El método setcsseffects () es resolver este problema. Primero necesitamos cambiar la pseudo-clase en una clase, por ejemplo:
La copia del código es la siguiente:
.Copyit: Hover {
Color de la frontera:#FF6633;
}
// necesita cambiar ": flotar" a lo siguiente ".Hover"
.copyit.hover {
Color de la frontera:#FF6633;
}
3. Análisis del método gethtml (): si desea instalar un flash usted mismo sin usar el método de fijación del portapapeles de cero, entonces este método puede ayudar. Acepta dos parámetros, a saber, el ancho y la altura del flash. Se devuelve el código HTML correspondiente a Flash. Por ejemplo:
var html = clip.gethtml (150, 20);