Rumah > Artikel > hujung hadapan web > jQuery zclip plug-in melaksanakan fungsi salin silang pelayar function_jquery
jQuery-zclip ialah pemalam jQuery yang menyalin kandungan ke papan keratan Dengan menggunakannya, kami tidak perlu mempertimbangkan isu keserasian antara penyemak imbas dan versi penyemak imbas yang berbeza. Pemalam jQuery-zclip memerlukan sokongan Flash Ingat untuk memasang Adobe Flash Player apabila menggunakannya.
1. Penggunaan jQuery-zclip
//引入jQuery-zclip相关js及swf文件 <script type="text/javascript" src="<%=path%>/resources/js/jquery.min.js"></script> <script type="text/javascript" src="<%=path%>/resources/js/jquery.zclip.min.js"></script> <script type="text/javascript"> $(function(){ $("#cp-btn").zclip({ path:'<%=path%>/resources/js/ZeroClipboard.swf', //记得把ZeroClipboard.swf引入到项目中 copy:function(){ return $('#inviteUrl').val(); } }); }); </script> <div class=form-row> <div class=col-md-5> <input class=form-control value="" id="inviteUrl"/> </div> <div class=col-md-1> <a href="javascript:void(0)" id="cp-btn" class="btn btn-default btn-block btn-clean">复 制</a> </div> </div>
Arahan konfigurasi
laluan:Laluan swf (menyalin terutamanya menggunakan denyar untuk menyelesaikan penyalinan penyemak imbas yang berbeza)
salinan:Kandungan yang hendak disalin boleh menjadi kandungan statik atau mengembalikan kandungan dinamik
sebelumSalin:Salin fungsi yang akan dilakukan sebelum ini;
afterCopy:Fungsi yang perlu dilakukan selepas menyalin;
Menyediakan 3 kaedah
show:$(selected).zclip('show');//Fungsi salin adalah sah
hide:$(selected).zclip('hide');//Fungsi salin tidak sah
remove:$(selected).zclip('remove');//Alih keluar sepenuhnya fungsi salin
2. Kesan tunjuk cara
Selepas operasi berjaya, klik butang salin dan kotak gesaan akan muncul, menunjukkan bahawa penyalinan ke papan keratan telah berkuat kuasa, seperti berikut:
Aksara Inggeris "Teks yang disalin ke papan keratan" muncul dalam kotak timbul, yang agak tidak konsisten dengan tabiat penggunaan bahasa Cina kepada "Berjaya disalin ke papan keratan". Fail .zclip.min.js Hanya gantikan "teks ke papan keratan" dengan "berjaya disalin ke papan keratan" , kesannya adalah seperti berikut:
Di atas adalah semua kandungan yang disusun oleh editor tentang fungsi penyalinan penyemak imbas pemalam jQuery zclip saya harap ia akan membantu pembelajaran semua orang.