كيفية إنشاء زر نسخ النص إلى الحافظة باستخدام HTML CSS وجافا سكريبت

مرحبًا أيها القراء ، ستتعلم اليوم في هذه المدونة كيفية إنشاء زر نسخ النص إلى الحافظة باستخدام HTML CSS وجافا سكريبت.

ماذا تعني عبارة "تم النسخ إلى الحافظة"؟ الحافظة هي المكان الذي ينتقل فيه المحتوى إلى جهازك وجهاز الكمبيوتر عند نسخ شيء ما للصقه لاحقًا. في Keeper ، يمكنك نسخ معلومات التسجيل إلى الحافظة عن طريق النقر على أيقونة الحافظة بجوار الحقل الذي ترغب في نسخه.

كما ترى في الصورة ، هناك نوعان من مربعات النص وزر نسخ واحد. عند النقر فوق تلك النسخة في زر الحافظة ، سيتم تحديد النصوص العلوية ونسخها.

عند النقر فوق هذا الزر ، سيظهر تلميح أداة صغير مع التمرير من الجانب الأيسر. يتم استخدام هذا التلميح لإعلام المستخدم بأنه تم نسخ النص بنجاح. إذا كنت تشعر بصعوبة في فهم ما أقوله. يمكنك مشاهدة فيديو تعليمي كامل على هذا البرنامج (نسخ النص إلى زر الحافظة).

أتمنى أن تكون قد فهمت الرموز الأساسية وراء إنشاء هذا البرنامج. كما رأيت في الفيديو ، استخدمت HTML CSS & Javascript لإنشاء هذا البرنامج. استخدام HTML و CSS فقط لإنشاء هذا البرنامج أمر مستحيل. لقد استخدمت HTML و CSS لعناصر التصميم مثل textarea والأزرار وتلميحات الأدوات. واستخدمت Javascript Document.execCommand ("نسخ") لنسخ المحتويات.

إذا كنت تحب هذا البرنامج (نسخ النص إلى زر الحافظة) وتريد الحصول على أكواد المصدر. يمكنك بسهولة الحصول على الأكواد المصدرية لهذا البرنامج. للحصول على أكواد المصدر ، تحتاج فقط إلى التمرير لأسفل.

نسخ النص إلى الحافظة في HTML CSS & Javascript
لإنشاء هذا البرنامج (نسخ النص إلى زر الحافظة). أولاً ، تحتاج إلى تحميل ملف الاكواد من زر التحميل