سمعت حصة من H5 قبل يومين. كان هناك جملة في الاجتماع. لقد تأثرت جدًا: لا يمكنك ذلك ، ولكن لديك متطلبات منخفضة جدًا لنفسك. في جملة بسيطة للغاية ، أعتقد أن العديد من الأشياء ليست مستحيلة على الجميع ، لكن لديهم بالفعل متطلبات منخفضة للغاية لأنفسهم. إذا طلبت المزيد من المتطلبات لنفسك ، فيمكنك إحراز تقدم أكبر. منذ نشأتها ، سمع العديد من الأصدقاء أيضًا الكثير من الكلمات التي تحفز أنفسهم على إحراز تقدم ، ولكن لا يمكن للجميع الاستمرار في القيام بذلك. في الواقع ، هذا له علاقة كبيرة بشخصيتهم والبيئة المحيطة. لا يسعني إلا أن أقول أنه يمكنك العثور على المزيد من الأساليب والظروف لتشجيع نفسك ، وتحسين متطلباتك باستمرار لنفسك ، بحيث يمكنك الحصول على فرصة لتحقيق المزيد من الإنجازات.
في النصف الثاني من هذا العام ، أخطط لبناء موقع يسمى "دليل تطوير الهاتف المحمول" في المجموعة. في عملية إنشاء إطار موقع الويب ، هناك وظيفة تحتاج إلى نسخ نص إلى الحافظة. أعتقد أن هذه الوظيفة شائعة الاستخدام ، لكنها تحد كبير بالنسبة لي من لا يكتب رمز JS بشكل متكرر. إذا نظرنا إلى الوراء على موقع ، استخدمت Window.ClipboardData لتحقيق النسخة إلى وظيفة الحافظة ، ويدعم فقط متصفحات IE و FF. في ذلك الوقت ، وجدت بعض الحلول على Baidu ، لكنني استسلمت إذا لم أستطع تحمله. في وقت لاحق ، أصدرت حكمًا في القانون. إذا لم تكن هذه السمة مدعومة ، فسوف أقوم بتنبيه مباشرة: هذه الوظيفة لا تدعم المتصفح. يرجى نسخ المحتوى في مربع النص يدويًا. الآن أفكر في الأمر ، أنا كسول حقًا. هيه ، هل تم إطلاق النار على أي شخص ~
التنبيه ("هذه الوظيفة لا تدعم هذا المتصفح ، يرجى نسخ المحتوى يدويًا في مربع النص") ؛في الواقع ، لا يوجد تفسير مفصل على الإنترنت على الإنترنت لتحقيق وظيفة الدالة إلى الحافظة. العديد من المقالات هي نفس الآلاف من المرات. إنه أمر مؤلم تمامًا لأحذية الأطفال التي تحتاج إلى استخدام وظيفة COPY to الحافظة. اليوم سوف أشارك هذا الجزء. بسبب القدرة المحدودة ، من فضلك أعطني بعض النصائح حول الأخطاء ~
أعتقد أن العديد من الطلاب الذين قاموا ببناء موقع باستخدام WordPress يعرفون أنه يستخدم jQuery. أنها ليست غير مألوفة مع jQuery وبسيطة جدا للاستخدام. لسوء الحظ ، لا تدرك JQuery نفسها وظيفة النسخ إلى الحافظة ، ولكن ربما يكون لها واجهة برمجة التطبيقات هذه الوظيفة. هذه المرة يستخدم الموقع الذي قمت ببنائه WordPress وقضيت بعض الوقت في البحث عن واجهة برمجة التطبيقات لنسخ jQuery إلى الحافظة. هناك أيضًا: jQuery Zeroclipboard ، لذلك استخدمتها ببساطة لتنفيذ النسخة إلى الحافظة في WordPress. ولكن ، تحولت jQuery Zeroclipboard إلى أن يكون أبًا يدعى Zero Clipboard.
Zero Clipboard هي مكتبة JS مستقلة تستخدم Flash للنسخ ، وتتطلب ملفين: Zeroclipboard.js و Zeroclipboard.swf. هناك نسختان على الإنترنت. يتم نسخ مبدأ التنفيذ باستخدام فلاش. لا أعرف من ينتمي إلى خلقه الأصلي ، أو الشقيقان للعائلة ، لذلك لا يهمني هذا. طالما أننا نحترم حقوق الطبع والنشر لأنفسنا والتعبير عن ضمير واضح ، فإن الإصدار الذي سأقدمه لك اليوم بسيط نسبيًا.
أولاً ، دعونا نلقي نظرة على الرقم التالي. كائن الفلاش الذي تم إنشاؤه بعد استخدام الحافظة الصفر. إنه متوافق مع Flash10 والإصدارات التالية ومتوافقة مع جميع المتصفحات:
العنوان الرسمي لـ Zero Clipboard:
استخدمه لإنشاء بيئة خادم. قد لا يكون بعض الطلاب واضحين حيال ذلك. هناك العديد من الطرق لإنشاء بيئة خادم ، مثل XP أو IIS التي تأتي مع نظام Win7. يمكنك أيضًا استخدام XAMPP و AppServ و APMSERV وحزم التكامل الأخرى للتثبيت. من السهل جدًا البناء. لن أقدمها هنا ~
الآن نستخدم أولاً حافظة Library Zero المستقلة لمكتبة JS لتنفيذ النسخة إلى وظيفة الحافظة ، والعروض العرضية كما يلي:
<! doctype html> <html> <head> <title> Zero Levelboard Test </title> <meta charset = "utf-8"> </head> <body> <!-
يوضح:
1.-data-clipboard-throget أدخل معرف الكائن المراد نسخه
-> <button id = "d_clip_button" data-clipboard-arget = "fe_text"> <b> نسخ إلى الحافظة </b> </button> <br/> <textarea id = "fe_text" cols = "50" rows = "3" src = "zeroclipboard.js"> </script> <script type = "text/javaScript"> // تحديد كائن نسخة جديد var clip = new Zeroclipboard (document.getElementById ("d_clip_button") ، {moviePath: "zeroclipboard.swf" الدالة (العميل ، args) {Alert ("نسخ بنجاح ، نسخ المحتوى هو:"+ args.text) ؛}) ؛ </script>التنزيل التجريبي (تذكير دافئ: الطلاب الذين يقومون بتنزيل الكود ، تذكر استخدام بيئة الخادم عند تصفح العرض التوضيحي ، وإلا فلن يكون هناك تأثير ~)
تم تقديم وظائف الحافظة الصفر في تعليقات الكود أعلاه. لمزيد من الوظائف ، يرجى الانتقال إلى https://github.com/zeroclipboard/zeroclipboard
بعد ذلك ، قدم jQuery Zeroclipboard
JQuery Zeroclipboard هو تحسن يعتمد على Zeroclipboard ، يشار إليه باسم ZCLIP لفترة قصيرة. بصفتها واجهة برمجة تطبيقات jQuery ، تقوم jQuery Zeroclipboard أيضًا بعمليات بسيطة للغاية. العنوان الرسمي هو: http://www.steamdev.com/zclip/
قبل الاستخدام ، تحتاج إلى الرجوع إلى ملفين JS: jquery.js و jquery.zclip.js
<script type = "text/javaScript" src = "js/jquery.js"> </script> <script type = "text/javaScript" src = "js/jquery.zclip.js"> </script>
الآن نستخدم jquery.zclip.js ببساطة لتنفيذ النسخة إلى عرض الحافظة على النحو التالي:
<! doctype html> <html> <head> <title> اختبار Zeroclipboard </title> <meta charset = "utf-8"> <style type = "text/css" -20px -80px ؛ خلفية اللون: rgba (0 ، 0 ، 0 ، 0.2) ؛ فلتر: progid: dimizageTransform.microsoft.gradient (startColorStr =#30000000 ، endcolorstr =#30000000) ؛ padding: 6px ؛ #f4d9a6 ؛ خلفية اللون: #fffdee ؛ font-size: 14px ؛} </style> <script type = "text/javaScript" src = "jquery.js"> </script> <script type = "text/javascript" src = "jquery.zclip.js" انسخ النص الحالي </h2> <a href = "#none"> انقر لنسخني </a> </viv> <viv> <h2> demo2 انقر لنسخ النص في النموذج </h2> <a href = "#none"> انقر لنسخ النص في ترتيب النسخ </a> <input type = "text" value = type = "text/javaScript"> $ (document) .Ready (function () {/* تحديد جميع الفئات كعلامات نسخ ، وبعد النقر ، يمكنك نسخ نص الكائن النقر*/$ (". copy"). The Mouse*/$ (this) .css ("color" ، "Orange") ؛} ، بعد: الدالة () {/*العملية بعد نسخ ناجحة*/var $ copysuc = $ ( بنجاح </div> </viv> ") ؛ $ (" body "). العثور على (". "zeroclipboard.swf" ، نسخ: function () {return $ (this) .parent (). find ( بنجاح </div> </viv> ") ؛ $ (" body "). العثور على (التنزيل التجريبي (تذكير دافئ: الطلاب الذين يقومون بتنزيل الكود ، تذكر استخدام بيئة الخادم عند تصفح العرض التوضيحي ، وإلا فلن يكون هناك تأثير ~)
يجمع الرمز أعلاه بين وظائف عمل JQuery ويلعب دور jQuery.zclip.js جيدًا ، مثل ما قبل وبعد النسخ ، إدراج العقد بشكل ديناميكي. يمكن أن نرى أيضًا أن قوة jQuery.zclip.js بسيطة جدًا للاستخدام. إذا كنت بحاجة إلى معرفة المزيد حول وظائف jQuery.zclip.js ، يرجى الانتقال إلى http://www.steamdev.com/zclip/
من مكتبات JS المستقلة أعلاه Zeroclipboard.js و jquery.zclip.js يستخدم كل من الفلاش لتنفيذ وظيفة النسخ إلى الحافظة. يمكن ملاحظة أن استخدام Zeroclipboard.js يجلب وظائف قليلة نسبيًا ، لكنها مكتبة مستقلة تحتوي على ملفات صغيرة نسبيًا. الوظائف بعد استخدام jQuery.zclip.js غنية نسبيا. ومع ذلك ، بالنسبة للمواقع التي لا تستخدم إطار JQuery ، باستخدام jQuery.zclip.js هو مضيعة للنطاق العريض. تعتمد طريقة النسخ التي يجب استخدامها على تحديد المواقع المحددة للمنتج ~
ما ورد أعلاه هو تنفيذ JS لنسخ محتوى إلى وظيفة الحافظة التي قدمها المحرر إليك متوافق مع جميع المتصفحات (الموصى بها). آمل أن يكون ذلك مفيدًا للجميع. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر على الجميع في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!