Rumah >hujung hadapan web >tutorial js >Pemalam JQuery zClip melaksanakan penyalinan kandungan halaman ke clipboard_jquery
Saya percaya bahawa setiap orang sering menemui fungsi ini semasa melayari Internet. Saya tidak begitu mengambil perhatian tentang cara melaksanakannya sebelum ini, sehingga ia diperlukan dalam projek.
Kesan akhir:
Selepas mencari banyak di Internet, bukan mustahil untuk menggunakan kaedah js sahaja, tetapi disebabkan mekanisme keselamatan yang berbeza bagi setiap penyemak imbas, ia bukan penyemak imbas silang. Saya menyemak beberapa tapak web yang biasa digunakan, dan semuanya menggunakan denyar lutsinar untuk menutup butang "Salin ke Papan Klip" Jadi apabila anda mengklik "Salin ke Papan Klip", apa yang anda klik sebenarnya adalah Flash, dan kemudian anda menyalin kandungan yang perlu anda salin . Ia dihantar ke denyar, dan kemudian kandungan yang masuk disalin ke papan keratan melalui fungsi salin denyar.
Muatkan Pustaka JQuery dan pemalam zclip
<script type="text/javascript" src="js/jquery-1.8.1.min.js"></script> <script src="js/jquery.zclip.min.js"></script>
Berikut ialah demo kecil, yang kebanyakannya menyalin pautan dalam kotak teks ke papan keratan.
HTML
<input type="text" value="www.jb51.net" id="link"> <span id="copyBtn">复制链接</span>
Kemudian tambahkan skrip
<script> $('#copyBtn').zclip({ path: "ZeroClipboard.swf", copy: function(){ return $('#link').val(); } }); </script>
Kemudian anda boleh terus membuka halaman web untuk menguji Ini hanyalah aplikasi kecil yang mudah saya harap semua orang dapat menguasainya dengan cepat.