Rumah > hujung hadapan web > tutorial js > jQuery zclip plug-in melaksanakan fungsi salin silang pelayar function_jquery

jQuery zclip plug-in melaksanakan fungsi salin silang pelayar function_jquery

WBOY
Lepaskan: 2016-05-16 15:34:05
asal
1319 orang telah melayarinya

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>

Salin selepas log masuk

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.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan