Es ist jedoch erwähnenswert, dass die offizielle Einführung deutlich festgestellt hat, dass dieses Plug-In IE6 nicht unterstützt. Im Folgenden finden Sie die Implementierung der Multi-Instifized Zero-Clipboard-Kopienfunktion und der kompatiblen Schreibmethode von IE6!
Download Zeroclipboard zuerst //www.vevb.com/jiaoben/24961.html
<style type = "text/css"> Körper {Schriftfamilie: Arial, sans-serif; Schriftgröße: 9pt; } .Copyit {text-align: center; Grenze: 1PX Solid #fd6001; Hintergrundfarbe:#ed730b; Rand: 10px; Polsterung: 2px 5px; Cursor: Zeiger; Schriftgröße: 12px; Border-Radius: 3px;} .Copyit.hover {Hintergrundfarbe:#fd6001;}. copeit.active {Hintergrundfarbe:#D25102;}/*Maus-Hover-Effekt, es nennt tatsächlich die SetCSEffect () Methode*/ .Copy_info {Width: 260px; Höhe: 100px; Border: 1Px {Width: 260px; Höhe: 100px; Border: 1Px {Width: 260px; #ccc; padding: 5px;} </style> <script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min src = "/js/Zeroclipboard/Zeroclipboard.js"> </script> <div> <textarea id = "fe_text" cols = 50 rows = 5> Der erste kopierte Inhalt! ! ! </textarea> <b> Inhalt kopieren </b> </div> <br/> <div> <textarea id = "fe_text" cols = 50 rows = 5> Der zweite kopierte Inhalt! ! ! </textArea> <b> Inhalt kopieren </b> </div> <script type = "text/javaScript"> var clip = null; Funktion copythis () {if ($. browser.version == 6.0) {// für IE6 $ ('.'). code = $ (this) .Parents (". clip_container"). find (". copycnt"). text (); Window.ClipboardData.setData ("text", code); alert ('copyed content:/n'+code); return;} zeroclipboard.setMoviepath ("http://img.vevb.com/js/scripts/clipboard.swf clip = neueroclipboard.client (); $ ('. copeit'). mouseover (function () {var code = $ (this) .Parents ("clip_container"). find (". copycnt"). text (); clip.setText); if (clip). wird verwendet //clip.ReceeVent('Mouseout ', null); clip.adDeVentListener ('complete', function (client, text) {alert ("Inhalt: /n"+text);});} copythis (); < /script> <textarea> Fügen Sie den kopierten Inhalt hier ein, um es zu versuchen! ! </textArea>In der obigen Implementierungsmethode, mit Ausnahme von IE6 mit window.clipboardData.setData, um die Kopierfunktion zu implementieren, verwenden andere Browser das Null-Clipboard-Plug-In, um die Kopierfunktion zu implementieren!
Einige Dinge, auf die Sie bei der Verwendung dieses Plugins achten sollten:
1. Die obigen Zeroclipboard.js und Zeroclipboard.swf müssen unter demselben Pfad platziert werden. Wenn Sie sich nicht auf demselben Pfad befinden, können Sie Zeroclipboard.SetMoviepath ("Flash -Pfad") verwenden. So setzen Sie die Adresse neroclipboard.swf.
2. Analyse der setCSseffects () -Methode: Wenn sich die Maus zum Schaltfläche oder Klicks bewegt, kann die Pseudoklasse wie ": hover" und ": aktiv" des Kopiekörpers der Pseudoklasse ungültig sein. Die Methode setCSEffects () besteht darin, dieses Problem zu lösen. Zuerst müssen wir die Pseudo-Klasse in eine Klasse verwandeln, z. B. in eine Klasse:
Die Codekopie lautet wie folgt:
.Copyit: Hover {
Grenzfarbe:#ff6633;
}
// Sie müssen sich ändern ": schweben" zu Folgendem ".hover"
.Copyit.hover {
Grenzfarbe:#ff6633;
}
3.. Analyse der Gethtml () -Methode: Wenn Sie selbst einen Blitz selbst verwenden möchten, ohne die Anhangsmethode von Null -Clipboard zu verwenden, kann diese Methode helfen. Es akzeptiert zwei Parameter, nämlich die Breite und Höhe des Blitzes. Der HTML -Code, der Flash entspricht, wird zurückgegeben. Zum Beispiel:
var html = clip.gethtml (150, 20);