Zeroclipboard ist eine Cross-Browser-Bibliotheksklasse, die Flash zum Kopieren verwendet. Daher kann sie ausgeführt werden, solange der Browser mit Blitz ausgestattet ist, und es ist flexibler als das Dokument von IEs.
Zeroclipboard Download Adresse: //www.vevb.com/jiaoben/24961.html
Zeroclipboard implementiert die Funktion des Kopierens von Pasteboard nach mehreren Browsern (einzelne Kopieren von Schaltflächen und mehreren Kopierschaltflächen). Um eine bessere Benutzererfahrung zu verbessern, müssen viele Websites nur noch auf die Schaltfläche Kopieren, um den Inhalt in Pasteboard zu kopieren.
Aus Kompatibilitätsgründen wird es im Grunde genommen durch Zeroclipboard erreicht. Zuerst müssen Sie Zeroclipboard herunterladen. Nach Dekompression setzen Sie Zeroclipboard.js, Zeroclipboard.swf, Zeroclipboard10.swf ("für Flash10") in das Projekt ein. SWF kann durch Zeroclipboard.SetMoviepath ('/zeroclipboard.swf') Methode geladen werden;
Unten ist der Code sortiert (auch durch Online -Suche aussortiert)
(Taste für Einzelkopien):
HTML:
Die Codekopie lautet wie folgt:
<Eingabe type = "text" value = "text" id = "copy_txt"/> <a href = "javascirc:;" id = "copy_btn"> kopieren </a>
<script Language = "JavaScript">
Zeroclipboard.SetMoviepath ('Zeroclipboard.swf'); // setMoviepath muss festgelegt werden, wenn es nicht im selben Verzeichnis wie HTML ist
Zeroclipboard.SetMoviepath ('Zeroclipboard10.swf');
var clip = neuer Zeroclipboard.client (); // Erstellen Sie ein neues Null -Clipboard -Objekt
clip.setText (''); // wird später auf Mousedown eingestellt // die Zwischenablage löschen
clip.SetHandCursor (wahr); // Stellen Sie die Form ein, wenn sich die Maus zum Kopierfeld bewegt
clip.setcsseffects (true); // CSS aktivieren
clip.addeventListener ('complete', function (client, text) {// Ereignis nach dem Kopieren abgeschlossen ist
alarm ("aa")
clip.hide (); // Nach dem Kopieren von einmal
});
clip.addeventListener ('MouseDown', Funktion (Client) {
clip.setText (document.getElementById ('copy_txt'). value);
});
Clip.Glue ('Copy_BTN');
</script>
Mehrere Schaltflächen:
Die Codekopie lautet wie folgt:
<Eingabe type = "text" value = "text" id = "copy_txt0"/> <a href = "javascirct:;" id = "copy_btn0" data = '0'> kopieren </a>
<Eingabe type = "text" value = "text" id = "copy_txt1"/> <a href = "javascirct:;" id = "Copy_BTN1" Data = '1'> Kopieren </a>
<Eingabe type = "text" value = "text" id = "copy_txt2"/> <a href = "javascirct:;" id = "Copy_BTN2" Data = '2'> kopieren </a>
<script Language = "JavaScript">
$ (". CopyBtn"). Jede (Funktion (i) {
var id = $ (this) .attr ('Daten');
var clip = null;
clip = neueroclipboard.client ();
Zeroclipboard.SetMoviepath ('Zeroclipboard.swf'); // setMoviepath muss festgelegt werden, wenn es nicht im selben Verzeichnis wie HTML ist
Zeroclipboard.SetMoviepath ('Zeroclipboard10.swf');
clip.SetHandCursor (wahr);
clip.setText ($ ("#copy_txt"+id) .val ());
clip.addeventListener ('complete', function (client, text) {
Alarm ("Herzlichen Glückwunsch zum erfolgreichen Kopieren");
});
Clip.Glue ('Copy_BTN'+id);
});
</script>
Hinweis: clip.setText ($ ("#copy_txt"+id) .val ()); Wenn Sie den Inhalt in der DIV abrufen möchten, verwenden Sie normalerweise Clip.setText ($ ("#copy_txt"+id) .Text ()); oder clip.setText ($ ("#copy_txt"+id) .html ());