3. التعامل مع أذونات الوصول إلى الحافظة:
تتطلب Clipboard API إذنًا من المستخدم، لذا من المهم التعامل مع مشكلات الأذونات المحتملة بأمان. إليك كيفية التأكد من حصولك على الإذن قبل محاولة القراءة أو الكتابة إلى الحافظة:
async function getClipboardContent() { try { // Request permission to read from the clipboard const readPermission = await navigator.permissions.query({ name: \\'clipboard-read\\' }); if (readPermission.state === \\'granted\\' || readPermission.state === \\'prompt\\') { const text = await navigator.clipboard.readText(); alert(\\'Clipboard content: \\' text); } else { alert(\\'Clipboard read access denied\\'); } } catch (err) { console.error(\\'Failed to read clipboard contents:\\', err); }}async function writeToClipboard(text) { try { // Request permission to write to the clipboard const writePermission = await navigator.permissions.query({ name: \\'clipboard-write\\' }); if (writePermission.state === \\'granted\\' || writePermission.state === \\'prompt\\') { await navigator.clipboard.writeText(text); alert(\\'Text copied to clipboard: \\' text); } else { alert(\\'Clipboard write access denied\\'); } } catch (err) { console.error(\\'Failed to write to clipboard:\\', err); }}
مثال للكتابة إلى الحافظة
مثال كامل للكود
يمكنك العثور على رمز المثال الكامل لاكتشاف ما هو موجود في الحافظة الخاصة بك بسرعة هنا على GitHub Gist.
إذا كانت هذه المقالة قد جعلت حياتك التطويرية أسهل قليلاً، فانقر على هذا القلب ❤️ واستمر للحصول على المزيد من سحر JavaScript!
","image":"http://www.luping.net/uploads/20240824/172447956866c97850e52bd.jpg","datePublished":"2024-08-24T14:06:08+08:00","dateModified":"2024-08-24T14:06:08+08:00","author":{"@type":"Person","name":"luping.net","url":"https://www.luping.net/articlelist/0_1.html"}}
1.استخدام Clipboard API (navigator.clipboard.readText):
توفر واجهة Clipboard API طريقة آمنة للقراءة من الحافظة والكتابة إليها. إليك كيفية استخدام navigator.clipboard.readText() لاسترداد البيانات النصية من الحافظة بسرعة.
async function getClipboardContent() { try { const text = await navigator.clipboard.readText(); console.log('Clipboard content:', text); alert('Clipboard content: ' text); } catch (err) { console.error('Failed to read clipboard contents:', err); } } // Trigger the function getClipboardContent();
2. استخدام زر لجلب محتوى الحافظة:
في بعض الأحيان، قد ترغب في تشغيل قراءة الحافظة فقط عندما ينقر المستخدم على الزر. إليك كيفية القيام بذلك:
3. التعامل مع أذونات الوصول إلى الحافظة:
تتطلب Clipboard API إذنًا من المستخدم، لذا من المهم التعامل مع مشكلات الأذونات المحتملة بأمان. إليك كيفية التأكد من حصولك على الإذن قبل محاولة القراءة أو الكتابة إلى الحافظة:
async function getClipboardContent() { try { // Request permission to read from the clipboard const readPermission = await navigator.permissions.query({ name: 'clipboard-read' }); if (readPermission.state === 'granted' || readPermission.state === 'prompt') { const text = await navigator.clipboard.readText(); alert('Clipboard content: ' text); } else { alert('Clipboard read access denied'); } } catch (err) { console.error('Failed to read clipboard contents:', err); } } async function writeToClipboard(text) { try { // Request permission to write to the clipboard const writePermission = await navigator.permissions.query({ name: 'clipboard-write' }); if (writePermission.state === 'granted' || writePermission.state === 'prompt') { await navigator.clipboard.writeText(text); alert('Text copied to clipboard: ' text); } else { alert('Clipboard write access denied'); } } catch (err) { console.error('Failed to write to clipboard:', err); } }
مثال للكتابة إلى الحافظة
مثال كامل للكود
يمكنك العثور على رمز المثال الكامل لاكتشاف ما هو موجود في الحافظة الخاصة بك بسرعة هنا على GitHub Gist.
إذا كانت هذه المقالة قد جعلت حياتك التطويرية أسهل قليلاً، فانقر على هذا القلب ❤️ واستمر للحصول على المزيد من سحر JavaScript!
تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.
Copyright© 2022 湘ICP备2022001581号-3