Bagaimana Cara Membuat Copy To Clipboard di JavaScript?

Dibuat
·
Diperbarui
·
Dilihat11 kali
0

Saya ingin membuat tombol yang ketika diklik akan menyalin nilai URL pada tag input HTML ke clipboard, bagaimana cara membuat nya dengan JavaScript ya?

Ini kode contoh yang saya gunakan:

<input type="url" name="url" id="url" value="https://www.google.com/" />
<button id="copy" type="button">Copy to clipboard</button>

<script>
  const urlInput = document.getElementById("url");
  const copyButton = document.getElementById("copy");
</script>
JavaScript
1 Jawaban
0

Bisa menggunakan window.navigator.writeText('teks dicopy'), seperti ini:

<input type="url" name="url" id="url" value="https://www.google.com/" />
<button id="copy" type="button">Copy to clipboard</button>

<script>
  const urlInput = document.getElementById("url");
  const copyButton = document.getElementById("copy");

  copyButton.addEventListener("click", () => {
    const url = urlInput.value;
    navigator.clipboard.writeText(url);
  });
</script>
Dibuat

Kamu tau jawabannya?

Ayo bergabung bersama lebih dari 200.000 pengguna lainnya!

Pertanyaan Terkait