ZeroClipboard adalah kelas perpustakaan lintas-browser yang menggunakan flash untuk menyalin, sehingga dapat berjalan selama browser dilengkapi dengan flash, dan lebih fleksibel daripada dokumen IE.execCommand ("copy").
Alamat unduhan ZeroClipboard: //www.vevb.com/jiaoben/24961.html
ZeroClipboard mengimplementasikan fungsi penyalinan ke papan tulis dengan beberapa browser (tombol salinan tunggal dan beberapa tombol salin) untuk pengalaman pengguna yang lebih baik, banyak situs web sekarang hanya perlu mengklik tombol salin untuk menyalin konten ke papan tulis;
Untuk alasan kompatibilitas, pada dasarnya dicapai melalui ZeroClipboard. Pertama, Anda perlu mengunduh ZeroClipboard. Setelah dekompresi, masukkan ZeroClipboard.js, Zeroclipboard.swf, ZeroClipboard10.swf ("untuk flash10") ke dalam proyek. SWF dapat dimuat melalui metode ZeroClipboard.setMovIePath ('/ZeroClipboard.swf');
Di bawah ini adalah kode yang disortir (juga disortir melalui pencarian online)
(Tombol salinan tunggal):
html:
Salinan kode adalah sebagai berikut:
<input type = "text" value = "text" id = "copy_txt"/> <a href = "javascirc :;" id = "copy_btn"> salin </a>
<bahasa skrip = "javascript">
ZeroClipboard.setMovIePath ('ZeroClipboard.swf'); // setMoviepath harus ditetapkan jika tidak ada di direktori yang sama dengan html
ZeroClipboard.setMovIePath ('ZeroClipboard10.swf');
var clip = new ZeroClipboard.client (); // Buat objek clipboard nol baru
clip.setText (''); // akan diatur nanti di mousedown // hapus clipboard
clip.setHandCursor (true); // Atur bentuk saat mouse bergerak ke kotak salin
clip.setcssEffects (true); // Aktifkan CSS
clip.addeventListener ('lengkap', fungsi (klien, teks) {// Listen Event setelah penyalinan selesai
Peringatan ("AA")
clip.hide (); // Setelah menyalin sekali, sembunyikan () membatalkan tombol salin, mencegah perhitungan berulang dari jumlah penggunaan
});
clip.addeventListener ('mousedown', function (klien) {
clip.setText (document.getElementById ('copy_txt'). value);
});
clip.glue ('copy_btn');
</script>
Beberapa tombol salinan:
Salinan kode adalah sebagai berikut:
<input type = "text" value = "text" id = "copy_txt0"/> <a href = "javascirct :;" id = "copy_btn0" data = '0'> Salin </a>
<input type = "text" value = "text" id = "copy_txt1"/> <a href = "javascirct :;" id = "copy_btn1" data = '1'> Salin </a>
<input type = "text" value = "text" id = "copy_txt2"/> <a href = "javascirct :;" id = "copy_btn2" data = '2'> Salin </a>
<bahasa skrip = "javascript">
$ (". copybtn"). masing -masing (fungsi (i) {
var id = $ (ini) .attr ('data');
var clip = null;
clip = new ZeroClipboard.client ();
ZeroClipboard.setMovIePath ('ZeroClipboard.swf'); // setMoviepath harus ditetapkan jika tidak ada di direktori yang sama dengan html
ZeroClipboard.setMovIePath ('ZeroClipboard10.swf');
clip.setHandCursor (true);
clip.setText ($ ("#copy_txt"+id) .val ());
clip.addeventListener ('complete', function (klien, teks) {
peringatan ("Selamat atas penyalinan yang berhasil");
});
clip.glue ('copy_btn'+id);
});
</script>
Catatan: clip.setText ($ ("#copy_txt"+id) .val ()); Jika Anda ingin mendapatkan konten di div, Anda biasanya menggunakan clip.setText ($ ("#copy_txt"+id) .text ()); atau clip.setText ($ ("#copy_txt"+id) .html ());