Rumah > hujung hadapan web > tutorial js > Pemalam JQuery zClip melaksanakan penyalinan kandungan halaman ke clipboard_jquery

Pemalam JQuery zClip melaksanakan penyalinan kandungan halaman ke clipboard_jquery

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

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> 
Salin selepas log masuk

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> 
Salin selepas log masuk

Kemudian tambahkan skrip

<script> 
    $('#copyBtn').zclip({ 
      path: "ZeroClipboard.swf", 
      copy: function(){ 
        return $('#link').val(); 
       } 
    }); 
</script> 
Salin selepas log masuk

Kemudian anda boleh terus membuka halaman web untuk menguji Ini hanyalah aplikasi kecil yang mudah saya harap semua orang dapat menguasainya dengan cepat.

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