Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Mendapatkan Kandungan Papan Klip dengan API Papan Klip JavaScript?

Bagaimana untuk Mendapatkan Kandungan Papan Klip dengan API Papan Klip JavaScript?

Patricia Arquette
Patricia Arquetteasal
2024-10-27 11:16:29999semak imbas

How to Retrieve Clipboard Content with the JavaScript Clipboard API?

Pendapatan Papan Keratan dalam JavaScript

Mengesan kandungan papan keratan dan menampalnya secara automatik ke dalam medan teks ialah tugas biasa dalam aplikasi JavaScript. Panduan ini menunjukkan penyelesaian menggunakan API Papan Klip moden.

Penyelesaian

Untuk mendapatkan semula kandungan papan keratan, gunakan kaedah navigator.clipboard.readText(). API ini disokong dalam kebanyakan penyemak imbas moden, kecuali Firefox 109 dan lebih baru. Sintaks untuk async/wait adalah seperti berikut:

<code class="javascript">const text = await navigator.clipboard.readText();</code>

Untuk sintaks Promise, gunakan:

<code class="javascript">navigator.clipboard.readText()
  .then(text => {
    console.log('Pasted content: ', text);
  })
  .catch(err => {
    console.error('Failed to read clipboard contents: ', err);
  });</code>

Permintaan Kebenaran

Perhatikan bahawa kaedah readText() memerlukan kebenaran pengguna. Pengguna akan melihat kotak dialog yang meminta kebenaran untuk mengakses papan keratan mereka. Pastikan aplikasi anda mengendalikan permintaan kebenaran ini dengan sewajarnya.

Pelaksanaan Konsol

Penyelesaian ini tidak akan berfungsi jika dipanggil dari konsol secara terus. Anda boleh menetapkan tamat masa untuk menjalankan kod sebaik sahaja tetingkap penyemak imbas aktif:

<code class="javascript">setTimeout(async () => {
  const text = await navigator.clipboard.readText();
  console.log(text);
}, 2000);</code>

Sumber Tambahan

Untuk butiran lanjut tentang API Papan Klip, rujuk sumber berikut:

  • [Dokumen Pembangun Google](https://developers.google.com/web/updates/2018/03/clipboardapi)
  • [Dokumen Web MDN]( https://developer.mozilla.org/en-US/docs/Web/API/Clipboard)

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Kandungan Papan Klip dengan API Papan Klip JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn