ZeroClipboard est une classe de bibliothèque de navigateur croisé qui utilise Flash pour la copie, de sorte qu'il peut fonctionner tant que le navigateur est équipé d'un flash, et il est plus flexible que Document.ExecCommand d'IE ("copie").
Adresse de téléchargement de Zeroclipboard: //www.vevb.com/jiaoben/24961.html
ZeroClipboard implémente la fonction de copie dans le panneau de pâte par plusieurs navigateurs (boutons de copie unique et boutons de copie multiples) Afin de mieux l'expérience utilisateur, de nombreux sites Web doivent désormais cliquer sur le bouton Copier pour copier le contenu en panneau de pâte;
Pour des raisons de compatibilité, il est essentiellement réalisé via Zeroclipboard. Tout d'abord, vous devez télécharger Zeroclipboard. Après décompression, mettez ZeroClipboard.js, ZeroClipboard.swf, ZeroClipboard10.swf ("pour Flash10") dans le projet. SWF peut être chargé via zeroClipboard.setMoviePath ('/ zeroClipboard.swf');
Vous trouverez ci-dessous le code trié (également trié via la recherche en ligne)
(Bouton de copie unique):
HTML:
La copie de code est la suivante:
<input type = "text" value = "text" id = "copy_txt" /> <a href = "javascirc:;" id = "copy_btn"> copier </a>
<script linguisse = "javascript">
ZeroClipboard.setMoviePath ('zeroClipboard.swf'); // SetMoviePath doit être défini s'il n'est pas dans le même répertoire que HTML
ZeroClipboard.setMoviEPath ('ZeroClipboard10.swf');
var clip = new ZeroClipboard.Client (); // Créer un nouvel objet de presse-papiers zéro
clip.setText (''); // sera défini plus tard sur Mousedown // effacer le presse-papiers
clip.sethandCursor (true); // Définissez la forme lorsque la souris se déplace vers la boîte de copie
clip.setcSseFffect (true); // activer CSS
clip.addeventListener ('complet', fonction (client, texte) {// Écouter l'événement une fois la copie terminée
alerte ("aa")
clip.hide (); // Après la copie une fois, Hide () invalide le bouton de copie, empêchant les calculs répétés du nombre d'utilisations
});
clip.addeventListener ('Mousedown', fonction (client) {
clip.setText (document.getElementById ('copy_txt'). valeur);
});
clip.glue ('copy_btn');
</cript>
Boutons de copie multiples:
La copie de code est la suivante:
<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'> copier </a>
<input type = "text" value = "text" id = "copy_txt2" /> <a href = "javascirct:;" id = "copy_btn2" data = '2'> copy </a>
<script linguisse = "javascript">
$ (". CopyBtn"). Chaque (fonction (i) {
var id = $ (this) .attr ('data');
var clip = null;
clip = new ZeroClipboard.Client ();
ZeroClipboard.setMoviePath ('zeroClipboard.swf'); // SetMoviePath doit être défini s'il n'est pas dans le même répertoire que HTML
ZeroClipboard.setMoviEPath ('ZeroClipboard10.swf');
clip.sethandCursor (true);
clip.setText ($ ("# copy_txt" + id) .val ());
clip.addeventListener ('complet', fonction (client, texte) {
alert ("Félicitations pour la copie réussie");
});
clip.glue ('copy_btn' + id);
});
</cript>
Remarque: clip.setText ($ ("# copy_txt" + id) .val ()); Si vous devez obtenir le contenu dans le div, vous utilisez généralement Clip.SeTText ($ ("# copy_txt" + id) .text ()); ou clip.setText ($ ("# copy_txt" + id) .html ());