Cependant, il convient de noter que l'introduction officielle a clairement indiqué que ce plug-in ne prend pas en charge IE6. Vous trouverez ci-dessous la mise en œuvre de la fonction de copie du presse-papiers zéro multi-instifiée et de la méthode d'écriture compatible de IE6!
Télécharger Zeroclipboard First //www.vevb.com/jiaoben/24961.html
<style type = "Text / CSS"> Body {Font-Family: Arial, Sans-Serif; taille de police: 9pt; } .copyit {Text-Align: Centre; Border: 1px solide # fd6001; Color en arrière-plan: # ED730B; marge: 10px; rembourrage: 2px 5px; curseur: pointeur; taille de police: 12px; border-radius:3px;} .copyit.hover { background-color:#FD6001;}.copyit.active { background-color:#d25102;}/*Mouse hover effect, it is actually calling the setCSSEffects() method*/ .copy_info{width:260px;height:100px;border:1px solid #ccc; padding: 5px;} </ style> <script type = "text / javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </cript> <script type = "text / javascript" src = "/ js / zeroClipboard / zeroClipboard.js"> </ script> <div> <textarea id = "fe_text" cols = 50 lignes = 5> le premier contenu copy! ! ! </ textarea> <b> Copier le contenu </b> </div> <br/> <div> <textarea id = "fe_text" cols = 50 lignes = 5> le deuxième contenu copié! ! ! </ textarea> <b> Copier le contenu </b> </div> <script type = "Text / javascript"> var clip = null; function copyshis () {if ($. Browser.version == 6.0) {// pour ie6 $ ('. Copyit'). bind ("click", function () {var Code = $ (this) .parents (". Clip_Container"). Rechercher (". Copycnt"). Text (); Window.ClipboardData.setData ("Text", code); alert ('Copied Content: / N' + Code); return;} zeroClipboard.setMoviePath ("http://img.vevb.com/js/scripts/clipboard.swf '"); // si zeroclipboard.js, zeroclipboard.swf est placé dans le même répertoire, cette phrase peut être omise; Clip = new ZeroClipboard.Client (); $ ('. Copyit'). MouseOver (function () {var code = $ (this) .parents (". Clip_Container"). Find (". Copycnt"). Text (); Clip.setText (Code); if (clip.div) {// La couche parentée contenant le flash a été créée, alors la position de la position de la masse est créée, alors la position de la position de la masse sera créée, alors la position de la position de la mâle sera créée, alors la position de la position de Flash sera la position de la masse. Hover est utilisé //clip.receiveEvent('Mouseout ', null); clip.addeventListener ('complet', fonction (client, texte) {alert ("contenu copie: / n" + texte);});} copythis (); </cript> <textArea> collez le contenu copié ici pour l'essayer! ! </ textarea>Dans la méthode d'implémentation ci-dessus, à l'exception de IE6 à l'aide de Window.clipboardData.setData Pour implémenter la fonction de copie, d'autres navigateurs utilisent le plug-in de presse-papiers zéro pour implémenter la fonction de copie!
Certaines choses auxquelles vous devriez prêter attention lors de l'utilisation de ce plugin:
1. Le ZeroClipboard ci-dessus et ZeroClipboard.swf doivent être placés sous le même chemin. Si vous n'êtes pas dans le même chemin, vous pouvez utiliser ZeroClipboard.setMoviEPath ("Flash Path"); Pour définir l'adresse ZeroClipboard.swf.
2. Analyse de la méthode SetCSSeffects (): Lorsque la souris se déplace vers le bouton ou clique, en raison de l'obstruction du bouton Flash, les pseudo-classes telles que ": Hover" et ": Active" du corps du bouton de copie peuvent être invalides. La méthode setCSSeffect () consiste à résoudre ce problème. Nous devons d'abord transformer la pseudo-classe en une classe, par exemple:
La copie de code est la suivante:
.Copyit: Hover {
Color à la frontière: # FF6633;
}
// Vous devez changer ": planer" à la ".hover" suivante
.copyit.hover {
Color à la frontière: # FF6633;
}
3. Analyse de la méthode Gethtml (): Si vous souhaitez installer un flash vous-même sans utiliser la méthode de fixation de Zero Clipboard, cette méthode peut vous aider. Il accepte deux paramètres, à savoir la largeur et la hauteur du flash. Le code HTML correspondant à Flash est renvoyé. Par exemple:
var html = clip.gethtml (150, 20);