الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

<حافظة copy> العنصر

نسخ محتوى نص العنصر أو قيم الإدخال إلى الحافظة.

تثبيت 

 $ npm install --save @github/clipboard-copy-element

الاستخدام

السيناريو

استيراد وحدات ES: 

 import '@github/clipboard-copy-element'

مع علامة البرنامج النصي: 

 < script type =" module " src =" ./node_modules/@github/clipboard-copy-element/dist/index.js " >

ترميز 

 < clipboard-copy for =" blob-path " class =" btn btn-sm BtnGroup-item " >
  Copy path
</ clipboard-copy >
< div id =" blob-path " > src/index.js </ div >

مصادر البيانات

يصف 

 < clipboard-copy value =" src/index.js " > Copy </ clipboard-copy >

محتوى العنصر 

 < clipboard-copy for =" blob-path " > Copy </ clipboard-copy >
< div id =" blob-path " > src/index.js </ div >

شكل الإدخال 

 < clipboard-copy for =" blob-path " > Copy </ clipboard-copy >
< input id =" blob-path " value =" src/index.js " >

ارتباط تشعبي HREF 

 < clipboard-copy for =" blob-path " > Copy full URL </ clipboard-copy >
< a id =" blob-path " href =" /path/to#my-blob " > Link text will not be copied </ a >

الأحداث

بعد نسخها إلى الحافظة ، يتم إرسال حدث clipboard-copy من العنصر <clipboard-copy> : 

 document . addEventListener ( 'clipboard-copy' , function ( event ) {
  const button = event . target
  button . classList . add ( 'highlight' )
} )

دعم المتصفح

تتطلب المتصفحات بدون دعم العناصر المخصصة الأصلية polyfill.

  • الكروم
  • Firefox
  • سفاري
  • Microsoft Edge

تطوير 

 npm install
npm test

رخصة

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

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل