Zeroclipboard هي فئة مكتبة متصفحة متقاطعة تستخدم Flash للنسخ ، بحيث يمكن تشغيلها طالما تم تجهيز المتصفح بالفلاش ، وهو أكثر مرونة من مستند IE.
Zeroclipboard عنوان تنزيل: //www.vevb.com/jiaoben/24961.html
تقوم Zeroclipboard بتنفيذ وظيفة النسخ إلى اللوح بواسطة متصفحات متعددة (أزرار نسخ واحدة وأزرار نسخ متعددة) من أجل تحسين تجربة المستخدم ، تحتاج العديد من مواقع الويب الآن إلى النقر فقط على زر النسخ لنسخ المحتوى إلى اللوحة ؛
لأسباب توافق ، يتم تحقيقه بشكل أساسي من خلال Zeroclipboard. أولاً ، تحتاج إلى تنزيل Zeroclipboard. بعد إزالة الضغط ، ضع zeroclipboard.js ، zeroclipboard.swf ، zeroclipboard10.swf ("for flash10") في المشروع. يمكن تحميل SWF من خلال Zeroclipboard.setmoviePath ('/Zeroclipboard.swf') ؛
فيما يلي الرمز المفرد (تم فرزه أيضًا من خلال البحث عبر الإنترنت)
(زر نسخة واحدة):
HTML:
نسخة الكود كما يلي:
<type type = "text" value = "text" id = "copy_txt"/> <a href = "javascirc :؛" id = "copy_btn"> نسخة </a>
<script language = "javaScript">
zeroclipboard.setmoviepath ('zeroclipboard.swf') ؛ // يجب تعيين setMoviePath إذا لم يكن في نفس الدليل مثل HTML
zeroclipboard.setmoviepath ('Zeroclipboard10.swf') ؛
var clip = new Zeroclipboard.client () ؛ // إنشاء كائن حافظة صفر جديد
clip.settext ('') ؛ // سيتم تعيينه لاحقًا على Mousedown // قم بمسح الحافظة
Clip.SethandCursor (True) ؛ // اضبط الشكل عندما ينتقل الماوس إلى مربع النسخ
clip.setcsseffects (true) ؛ // تمكين CSS
clip.addeventListener ('complete' ، function (client ، text) {// stive event بعد اكتمال النسخ
تنبيه ("AA")
clip.hide () ؛ // بعد النسخ مرة واحدة ، يخفي () زر النسخ ، ومنع الحسابات المتكررة لعدد الاستخدامات
}) ؛
clip.addeventListener ('mousedown' ، function (client) {
clip.settext (document.getElementById ('copy_txt'). value) ؛
}) ؛
clip.glue ('copy_btn') ؛
</script>
أزرار نسخ متعددة:
نسخة الكود كما يلي:
<type type = "text" value = "text" id = "copy_txt0"/> <a href = "javascirct :؛" id = "copy_btn0" data = '0'> نسخة </a>
<type type = "text" value = "text" id = "copy_txt1"/> <a href = "javascirct :؛" id = "copy_btn1" data = '1'> نسخة </a>
<type type = "text" value = "text" id = "copy_txt2"/> <a href = "javascirct :؛" id = "copy_btn2" data = '2'> نسخة </a>
<script language = "javaScript">
$ (". copybtn"). كل (وظيفة (i) {
var id = $ (this) .attr ('data') ؛
var clip = null ؛
مقطع = new Zeroclipboard.client () ؛
zeroclipboard.setmoviepath ('zeroclipboard.swf') ؛ // يجب تعيين setMoviePath إذا لم يكن في نفس الدليل مثل HTML
zeroclipboard.setmoviepath ('Zeroclipboard10.swf') ؛
Clip.SethandCursor (True) ؛
clip.settext ($ ("#copy_txt"+id) .val ()) ؛
clip.addeventListener ('complete' ، function (client ، text) {
تنبيه ("تهانينا على النسخ الناجح") ؛
}) ؛
clip.glue ('copy_btn'+id) ؛
}) ؛
</script>
ملاحظة: clip.settext ($ ("#copy_txt"+id) .val ()) ؛ إذا كنت ترغب في الحصول على المحتوى في DIV ، فعادة ما تستخدم clip.settext ($ ("#copy_txt"+id) .text ()) ؛ أو clip.settext ($ ("#copy_txt"+id) .html ()) ؛